Question

我是javascript的新手并遇到以下问题：

在HTML中，我有多个具有相同选项列表的选择元素。（在这个例子中2.）
如果您选择＆＃39;选项1＆＃39;如何做到这一点？在第一个选择中，您无法选择＆＃39;选项1＆＃39;在第二个选择元素中此外，当您选择＆＃39;选项2＆＃39;在第一个选择中你应该再次选择
＆＃39;选项1＆＃39;在第二个但不是选项2＆＃39;。

这就是html的外观：

<select id="1">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

<select id="2">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

这是我为js找到的：Removing an item from a select box

我试图用它来解决我的问题，但它没有用。

你能帮帮我吗？对不起，如果这很简单的话。

Answer 1

我认为这就是你想要的。如果选择了其他选项，请隐藏该选项并显示该选项。

$(function(){
$("#sel1").change(function(){
var selection=$(this).find(":selected").val();
$('#sel2 option').show();
var el=$('#sel2 option[value="'+selection+'"]').toggle();
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="sel1">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

<select id="sel2">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

Answer 2

为每个标记分配id，创建一个添加或删除特定选项OnSelect的Javascript函数。

包含的示例应该可行。

select中的多个选项只能选择一次

2 个答案: