在另一个下拉列表中选择时删除下拉列表中的项目

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



})