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/