javascript - 如果在选择列表 'b' 中选择了一个选择选项，如何从相同的选择列表 'c' 和 'a' 中删除该选项？

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 8 年前。

Improve this question

我知道标题不是很具有描述性，但我希望我可以在这里澄清我的问题:我有多个相同的选择下拉列表。现在，我不想做的是从所有其他下拉列表中删除一个选项(如果在其中一个选项中选择了该选项)。这是一个例子:

我选择了 id 为“a”、“b”和“c”的选项。它们全部包含以下选项:

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

如果我现在在选择列表“a”中选择了选项“1”，我想使用 JQuery 从列表“b”和“c”中删除选项“1”。

编辑:这基本上是我所拥有的: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>

引用文献

<强> .find()

.not()

.remove()