javascript - 选择第一个下拉菜单会从下一个下拉菜单中删除所选项目

我在html中有7个下拉框。它们都将填充相同的数据。我想做的是，当选择第一个下拉菜单时，它将从下一个下拉列表中删除所选项目。因此，如果您有数据：一个下拉列表中的A，B，C，D，E，F，G，H，I如果我在第一个下拉列表中选择B，则在下一个下拉列表中，它应该仅显示A，C，D ，E，F，G，H，I等最多7个下拉菜单。我不知道在JavaScript中解决此问题的最佳方法是什么。谢谢您的帮助
样例代码：

   <select>
   <option value="1">1</option>
   <option value="2">2</option>
    <option value="3">3</option>
     </select>

     <select>
     <option value="1">1</option>
     <option value="2">2</option>
      <option value="3">3</option>
      </select>
    <select>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
     </select>

     <select>
      <option value="1">1</option>
       <option value="2">2</option>
      <option value="3">3</option>
    </select>

最佳答案

您可以使用属性定位。我假设使用jQuery，因为为什么不这样做。

$("select").change(function() {
   $(this)
       .next("select")
       .find("option").removeAttr("disabled")
       .end()
       .find("option[value=" + $(this).val() + "]").attr("disabled", "disabled");
})​

同样，这只是一种方法，因此，如果您发布代码，我们可以做出更好的猜测。

更新
这是JSFiddle：http://jsfiddle.net/FaVdu/1/

关于javascript - 选择第一个下拉菜单会从下一个下拉菜单中删除所选项目，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10522723/