c# DropDownList下拉選項(xiàng)，智能檢索功能的實(shí)現(xiàn)

       1.需要引入的js插件。

            （1）引入jquery.min.js?v=2.1.4  這里需要注意的是：jquery.min.js 文件必須配合jquery.min.map 一起使用，不熱低版本的瀏覽器會出現(xiàn)不兼容的情況，

導(dǎo)致控件無法使用。注意的是jquery.min.map 無需引入到頁面當(dāng)中去，只需把jquery.min.map 放入jquery.min.js同一路徑下。

            （2）引入chosen.jquery.js，這是下拉選控件的用到的核心js，要引入。

        2.前端代碼 

<asp:DropDownList ID="DropDownList1" style="width:350px;" class="chosen-select" runat="server">
                               <asp:ListItem Value="1">中國</asp:ListItem>
                               <asp:ListItem Value="2">美國</asp:ListItem>
                               <asp:ListItem Value="3">日本</asp:ListItem>
                               <asp:ListItem Value="4">新加坡</asp:ListItem>
                           </asp:DropDownList> 

       3.后端代碼；

    Entities db = new Entities();
        type.Items.Clear();
        ListItem list = new ListItem("請選擇", "");
        type.Items.Add(list);
        var m = from b in db.TheType select b;
        foreach (var n in m)
        {

            type.Items.Add(new ListItem(n.SName.ToString(), n.NId.ToString()));
        }

//TheType 是表名， Sname 和 Nid 是數(shù)據(jù)庫字段。

4.控件截圖