C# 如何使用Select2.js将搜索功能添加到asp.net中的dropdownlist

我有一个带有母版页的项目。我在这里添加了一个名为AddEmployeeDetail.aspx的内容页

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="AddEmployeeDetail.aspx.cs" Inherits="DeceasedSystem.AddEmployeeDetail" %>

我还在AddEmployeeDetail.aspx内容页中添加了一个脚本文件，它是：

 <script>
    $(document).ready(function () {
     $("#ddEmployeeName").select2({
        placeholder: "Select an option",
        allowClear: true
     });
 });
</script>

$（文档）.ready（函数（）{
$（“#dEmployeeName”）。选择2({
占位符：“选择选项”，
allowClear:对
});
});

还有Jquery.js和Select2.js文件的链接

<script src="js/jquery.js"></script>
<script src="js/select2.js"></script>

这两个文件都位于内容占位符中。 现在我想，在页面加载和数据到达dropdownlist之后，当用户单击dropdownlist时，他/她应该能够搜索任何特定的数据，然后选择该数据。简而言之，我想在dropdownlist中添加搜索功能。到目前为止，我所做的一切都不起作用。它加载数据，但不添加搜索功能。我不知道是什么问题。而且，如果在母版页而不是内容页中添加脚本和脚本文件，它会工作吗？我正在使用BS4。

---

请帮帮我。

尝试将DropDownList的ClientMode属性设置为静态。

尝试将DropDownList的ClientMode属性设置为静态。

您只需使用：

$("#<%=ddEmployeeName.ClientID%>").select2({
    placeholder: "Select an option",
    allowClear: true
});

$（“#”）。选择2({
占位符：“选择一个选项”，
allowClear:对
});

您只需使用：

$("#<%=ddEmployeeName.ClientID%>").select2({
    placeholder: "Select an option",
    allowClear: true
});

$（“#”）。选择2({
占位符：“选择一个选项”，
allowClear:对
});

谢谢，它可以工作，我的第二个问题是，在内容页上执行所需脚本是最好的方法，还是我应该将其移动到MasterPage取决于情况，如果脚本需要在每个页面上运行，请将其保留在master中。如果它是特定于某个内容页的，请将其移动到该特定页。谢谢，它是有效的，我的第二个问题是，在内容页上执行所需脚本的最佳方法还是我应该将其移动到母版取决于此，如果脚本需要在每个页面上运行，请将其保留在母版中。如果它特定于某个内容页，请将其移动到该特定页。

$("#<%=ddEmployeeName.ClientID%>").select2({
    placeholder: "Select an option",
    allowClear: true
});