Question

我们希望按顺序对人进行排名，但不希望允许多次选择相同的选项：

Person Number 1
<select name="person1">
<option value="null">Please Select an option</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

Person Number 2
<select name="person2">
<option value="null">Please Select an option</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

Person Number 3
<select name="person3">
<option value="null">Please Select an option</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

所以在这里，如果有人在第一人称框中选择选项1，则会删除（或禁用）该选项后重新填充所有选项框。

显然第一个选项 - null'请选择一个选项'必须被忽略。

我还需要某种“重置”功能吗？

不知道从哪里开始，有什么想法？

谢谢！

Answer 1

如果我理解正确，你有N个人想要从1到N排名（没有人排除在排名之外）。

如果JavaScript组件是您的上下文可接受的选项，那么我建议您使用«Sortable»组件：

http://jqueryui.com/sortable/

与多个“select”元素相比，它可以提供更好的用户体验。

编辑：好的我从评论中看到你真的想用N“选择”。正如Flea777所建议的，您应该查看JQuery的.change（）事件，并在已经选择的“option”条目上设置“disabled”属性： http://www.w3schools.com/tags/att_option_disabled.asp

Javascript - 多个SELECT框，删除'SELECTED'选项

1 个答案: