html - 从其他选择元素隐藏所选选项

Question

给定以下 HTML:

<select name="question_order[]" id="data1">
    <option value="">None</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<br />
<select name="question_order[]" id="data2">
    <option value="">None</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<br />
<select name="question_order[]" id="data3">
    <option value="">None</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

如果已在 data1 和 data2 中选中，如何隐藏/删除 data3 中的选中选项？

例如，如果我在 data1 中选择 1，然后在 data2 中选择 2，如何在 data3 中删除这两个选项？

Answer 1

检查 Js fiddle

http://jsfiddle.net/aZPdd/

$('#data1').on('change', function() {
    var val=this.value;
   $("#data3").find("option:contains("+val+")").remove();
 });

$('#data2').on('change', function() {
     var val=this.value;
  $("#data3").find("option:contains("+val+")").remove();
});

$('#data3').on('change', function() {

});