如何在 Asp.net mvc 或 Asp.net Core 中实现可搜索的 Dropdown？答案

【问题标题】：How to implement Dropdown with searchable in Asp.net mvc or Asp.net Core?如何在 Asp.net mvc 或 Asp.net Core 中实现可搜索的 Dropdown？
【发布时间】：2021-12-06 23:44:48
【问题描述】：

注意：在这里，在您执行任何其他操作之前，将这两个文件添加到您的项目中 select2.css 和 select2.min.js。一旦你完成了添加到你的项目中，然后像这样实现。

【问题讨论】：

嗨@Jaynil Choksi，你能分享你的问题吗？
我没有任何问题。我只是使用可搜索的下拉菜单进行指导和解释。并感谢您抽出时间 :) 来查看这个问题。 @Rena
我投票结束这个问题，因为这个操作只是分享我们如何使用 select2.js

标签： jquery asp.net-mvc asp.net-core jquery-select2 searchable-dropdown

【解决方案1】：

在这里，我展示了您使用 select2 实现可搜索的下拉菜单。

添加两个文件select2.css和select2.min.js

$(document).ready(function () {
    $("#ddlDeviceIDs").select2();
    $("#ddlDeviceIDs").select2("val", "");
 });
 function Combo() {
 $("#ddlDeviceIDs").empty();
        $.ajax({
            type: "Post",
            url: "../.../....",
            contentType: "application/json; charset=utf-8",
            datatype: "json",
            acync: false,
            success: function (data)                        
            {
                var items = '<option value="" disabled selected>--Select DeviceID--</option>';
                for (var i = 0; i < data.mdm.length ; i++) {
                    if (parseInt(data.mdm[i].did) == 0) {
                    } else {
                        items += "<option value='" + data.mdm[i].did + "'>" + data.mdm[i].did + "</option>";
                    }
                }
                $("#ddlDeviceIDs").html(items);
                //if (flag == "1") {
                    //$("#ddlDeviceIDs").val(Code).trigger('change.select2');
                //} else {
                //    $("#ddlDeviceIDs").select2("val", "");
               // }
            },
            error: function (response) {
                //alert(response);
            }
    })
}


If you want to Edit time selection than check this one.
   $("#ddlDeviceIDs").val(response.lstlicdtl[0].did).trigger('change.select2');

&lt;select class="form-control" tabindex=1 id="ddlDeviceIDs"&gt;&lt;/select&gt;

【讨论】：