单一选择下拉列表

Question

我正在构建一个表单以对系列项目进行排名。用户将读取该项目并在下拉列表中选择从1到20的评级。所有20个项目将同时显示。确保用户没有为多个选项选择相同的数字的最佳方法是什么？然后我会显示一条错误消息，“您已经将项目排在第5位”

由于

Answer 1

将项目放在带有选项的列表中，以便在列表中向上或向下移动元素。

Answer 2

我会建议类似以下功能的东西。如果选择重复，您可能需要添加一些内容以将选择恢复为某个默认值。

function checkDupe(element) {
    var dupe = false;

    $("select").each(function() {
    if ($(this).attr("id") != $(element).attr("id") && $(this).attr("value") == $(element).attr("value")) {
            dupe = true;

            alert("You have already ranked an item number " + $(element).attr("value"));

            return;
        }
    });

    return dupe;
}

只需将其添加到所有下拉列表的onchange事件中即可。

<select id="a1" onchange="checkDupe(this)">

请务必注意，每个列表必须具有唯一ID。

Answer 3

validation有一个jquery插件，可以帮助您定义规则。它只适用于提交，但它仍然不会发送表格并告诉你哪个条目有误。看看它，可能它可以帮助你。