如果在选择列表'a'中选择了选项,则如何从相同的选择列表'b'和'c'中删除选择选项？

Question

我知道标题不是很具描述性,但我希望我能在这里澄清我的问题:我有多个相同的选择下拉列表.现在,我不想做的是从其他所有下拉列表中删除一个选项.这是一个例子:

我选择了'a','b'和'c'.所有这些都包含以下选项:

<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>

如果我现在在选择列表'a'中选择选项'1',我想从列表'b'和'c'中删除选项'1'和JQuery.

编辑:这基本上就是我所拥有的:http://jsfiddle.net/j91p8eo5/

有人有任何想法吗？

Answer 1

假设您要删除而不是隐藏选项(导致删除元素从dom中删除):

$("select").on("change", function() {
  //find all options with specific value(from the selected one) and remove(excluding self)
  $("select").not(this).find("option[value='" + this.value + "']").remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

参考

.找()

.不()

.去掉()