jquery select2 与下拉列表 asp.net 服务器控件一起使用

Posted 2023-05-07

【中文标题】jquery select2 与下拉列表 asp.net 服务器控件一起使用

【英文标题】：jquery select2 work with dropdownlist asp.net server control

【发布时间】：2013-06-09 03:07:55

【问题描述】：

我正在尝试将它与 asp.net 服务器运行下拉列表一起使用。 当在页面上呈现 asp.net 控件时，它具有不同的 id，例如：“ctl00_ContentPlaceHolder1_ddlAgentName”，尽管在代码中以这种方式声明了下拉列表：

<asp:DropDownList Selected="True" ID="ddlAgentName" runat="server" CssClass="dropdown nostyle sel1" Width="100%" />

我正在尝试两种情况：

  $(document).ready(function () 
             $("#<%=ddlAgentName.ClientID %>").select2(
                minimumInputLength: 4
            );
            $("#ctl00_ContentPlaceHolder1_ddlAgentName").select2(
                minimumInputLength: 4
            );
        );

但他们都不想工作。 呈现的 html 输出为：

 <select name="ctl00$ContentPlaceHolder1$ddlAgentName" id="ctl00_ContentPlaceHolder1_ddlAgentName" class="dropdown nostyle sel1" Selected="True" style="width:100%;"></select>

我尝试了普通（非服务器）选择框，并且 jquery 脚本在那里运行良好。 每一个建议都会受到欢迎。 在此先感谢 Laziale

【参考方案1】：

检查ClientIDMode 属性。这样可以确保 DDL 的名称是相同的。

或者，您可以给它一个唯一的类名并以这种方式获取它，但这有点笨拙。