Jquery添加到下拉列表

Question

我有三个下拉列表。当从下拉列表1中进行选择时，我想从其他两个选项中删除该选项。当下拉列表1改变它的选择时，加回前一个并移除当前选择的。这是我有以下代码。我觉得我很接近，但仍然缺少一些必要的东西。

<script> 
    $(document).ready(function() { 
     $("#option1dropdown").change(function() { 
      $("#option2dropdown").empty(); 
      $("#option3dropdown").empty(); 
      $("#option1dropdown option").each(function(){ 
       if ($("#option1dropdown").val() != this) { 
        $("#option2dropdown").append(this); 
        $("#option3dropdown").append(this); 
       } 
      }); 
     }); 
    }); 
</script> 

Answer 1

追加将移动，而不是复制有问题的元素。你也应该仔细检查你的比较。

$(function() { 
    $("#option1dropdown").change(function() { 
     $("#option2dropdown").empty(); 
     $("#option3dropdown").empty(); 
     $("#option1dropdown option").each(function(idx, item){ 
      if ($("#option1dropdown").val() != $(item).val()) { 
       $("#option2dropdown").append($(item).clone()); 
       $("#option3dropdown").append($(item).clone()); 
      } 
     }); 
    }); 
}); 

https://jsfiddle.net/egeLh428/