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



})

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

1 个答案: