Jqueryドロップダウンリストに追加

Question

私は3つのドロップダウンリストを持っています。ドロップダウンリスト1から選択が行われたら、他の2つからそのオプションを削除したいと思います。ドロップダウンリスト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

Appendは移動しますが、問題の要素はコピーされません。また、if内の比較を2回チェックする必要があります。

$(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/