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

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，则所有选项框都将被重新填充，而该选项将被删除（或禁用）。

显然，第一个选项-空“请选择一个选项”必须忽略。

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

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

谢谢！

Answer 1

如果我理解正确，您有N个人希望从1到N排名（没有人被排除在排名之外）。

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

http://jqueryui.com/sortable/

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

编辑 ：好的，我从注释中看到您确实要使用N“选择”。 正如Flea777所建议的那样，您应该查看JQuery的.change（）事件，并在已选择的“选项”条目上设置“禁用”属性： http : //www.w3schools.com/tags/att_option_disabled。天冬氨酸