Удалить элемент в раскрывающемся списке, если он выбран в другом выпадающем списке

Question

Могу ли я узнать, как удалить элемент из раскрывающегося списка, когда он будет выбран в другом раскрывающемся списке. Каждый раз, когда я загружаю страницу, они отображают только один раскрывающийся список, если я не нажму кнопку «Добавить».

Пример, если у меня есть 2 выпадающего списка, dropdownA и dropdownB, и я нажал на элемент 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); 
    } 



})