當在另一個下拉列表上選擇它時，在下拉列表中刪除項目

Question

我可以知道如何從另一個下拉列表中選擇項目時從下拉列表中刪除項目。每次我加載頁面，他們只會顯示1下拉列表，除非我點擊添加按鈕。

舉例如果我有2個下拉，dropdownA和dropdownB，我點擊了dropdownA上的一個項目，我希望該項目在dropdownB上刪除，下拉列表存儲在kendo容器中。希望有人能幫助我。謝謝。

<select class="form-control required " name="acc"> 
      @foreach (Accessory acc in Acc) 
      { 
        <option value="@acc.id">@acc.name</option> 
      } 
     </select> 



function add() 
{ 
    kendo.ui.progress($(".acc-container"), false); 
    $.ajax({ 
     url: "/Acc/GetAccesory", 
     type: "POST", 
     data: { , 
     success: function (retdata) { 
      $(".acc-container").append(retdata); 
      $(".acc-container").append("<hr />"); 
      $(".accessory" + formindex).select2(); 
      kendo.ui.progress($(".acc-container"), false); 

      formindex++; 
     } 
    }); 
} 

Answer 1

就可以解決這個像

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


var x = $('#dropdown1 :selected').text(); 

var selectobject=document.getElementById("dropdown2") 
    for (var i=0; i<selectobject.length; i++){ 
    if (selectobject.options[i].value == x) 
    selectobject.remove(i); 
    } 



})