IT技术

c# DropDownList下拉选项,智能检索功能的实现
作者:
来源: 本站
发布日期: 2018/1/15 16:25:55
点击量: 6272次
【 字体:
背景颜色:

c# DropDownList下拉选项,智能检索功能的实现

       1.需要引入的js插件。

            (1)引入jquery.min.js?v=2.1.4  这里需要注意的是:jquery.min.js 文件必须配合jquery.min.map 一起使用,不热低版本的浏览器会出现不兼容的情况,

导致控件无法使用。注意的是jquery.min.map 无需引入到页面当中去,只需把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 是数据库字段。


4.控件截图





扫一扫在手机打开当前页

Contact

联系我们

告诉我们您想要的吧!我们为当地客户提供专业、及时的服务
地址:云南省昆明市白云路368号
电话:400-871-8716 (工作时间:09:00-18:00(周一至周五))
何总:23592693
李总:53815112