javascript - 5 个下拉菜单最初具有相同的值，如果更新其中任何一个，那么它将更新其他下拉菜单。从其他中删除所选的一项

Question

我有 5 个具有相同值的下拉菜单。

<select name='a' class='test'>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
</select>

<select name='b' class='test'>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
</select>

<select name='c' class='test'>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
</select>

<select name='d' class='test'>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
</select>

<select name='e' class='test'>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
</select>

如果我选择其中之一，那么它应该从其他下拉菜单中删除所选的一项。如果我更改其中任何一个，它会从其他下拉列表中删除该选项，并且应该在其他下拉列表中添加未选中的选项？

我们如何使用它？谢谢

Answer 1

尝试使用 jQuery

$("select").change(function(){
  var selected = $(this).val();
  $("[value="+$(this).val()+"]").removeAttr("selected");
  $(this).find("[value="+selected+"]").attr("selected","selected");
})

http://jsfiddle.net/tqrhpw9c/