別のドロップダウンリストで項目を選択したときに削除する

Question

他のドロップダウンリストで項目を選択しているときに、その項目をドロップダウンリストから削除する方法を知っているかもしれません。ページを読み込むたびに、追加ボタンをクリックしない限り、1つのドロップダウンリストしか表示されません。

例DropdownA、dropdownBが2つあり、dropdownAの項目をクリックした場合、dropdownBの項目を削除したいと考えています。ドロップダウンリストは剣道コンテナに保存されています。ありがとうございました。

<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); 
    } 



})