Question

我正在努力使我的下拉列表可搜索。我按照this示例并下载了Select 4.0.3版本。但我的代码不起作用。它显示了简单的下拉列表，没有写入或搜索..与asp：dropdownlist control相同。

我的代码如下。如果有任何想法或帮助，将非常感激。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script src="ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <link href="Select2/select2.css" rel="stylesheet" />
    <script src="Select2/select2.js"></script>

    <script type="text/javascript">
        $(document).ready(function () { $("#myDropDownlistID").select2(); });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:dropdownlist id="myDropDownlistID" width="300px" runat="server">
            <asp:listitem text="Select Color"></asp:listitem>
            <asp:listitem text="Red"></asp:listitem>
            <asp:listitem text="Green"></asp:listitem>
            <asp:listitem text="Blue"></asp:listitem>
            <asp:listitem text="Pink"></asp:listitem>
            <asp:listitem text="Yellow"></asp:listitem>
            <asp:listitem text="Lime"></asp:listitem>
            <asp:listitem text="Black"></asp:listitem>
            <asp:listitem text="Purple"></asp:listitem>
            <asp:listitem text="Deep Pink"></asp:listitem>
            <asp:listitem text="Orange"></asp:listitem>
            <asp:listitem text="Light Pink"></asp:listitem>
        </asp:dropdownlist>
    </div>
    </form>
</body>
</html>

Answer 1

在Web窗体中，控件的ID并不完全符合您的声明。他们有一个基于你输入的表格的前缀，所以你必须这样做：

    $(document).ready(function () { $("#<%=myDropDownlistID.ClientID%>").select2(); });

Answer 2

对不起这是我的小错误。 cdn地址错了。我引用了自己的jquery，并且有效。

我下载了this，除了cdn地址外，它也完美无缺。我引用“jquery-2.1.0.js”而不是cdn，它工作正常。

谢谢大家的帮助。

Answer 3

您可以使用Telerik ASP.NET ComboBox。键入一个字符，它将找到包含该字母的第一个项目。（See this）

使用Select2 liberary搜索下拉列表

3 个答案: