zoukankan      html  css  js  c++  java
  • Jquery实现自动提示下拉框

    1、引入脚本库:
        <script type="text/javascript" src="/Jscripts/jquery-1.3.2.js"></script>

        <script src="/Jscripts/jquery.autocomplete.js" type="text/javascript"></script>
       

    2、在Demo.aspx页面中加入如下脚本:
            $(document).ready(function() {
                $.ajax({
                    type: "POST",
                    contentType: "application/json",
                    url: "Demo.aspx/GetDataBind",
                    data: "{}",
                    dataType: "json",
                    success: function(msg) {
                        var datas = eval_r('(' + msg.d + ')');
                        $("#txtName").autocomplete(datas, {
                            max: 12,
                            minChars: 0,
                            140,
                            scrollHeight: 300,
                            matchContains: true,
                            autoFill: false, //自动填充
                            formatItem: function(row, i, max, value) {
                                return row.Key;
                            },
                            formatMatch: function(row, i, max, value) {
                                return row.Key;
                            },
                            formatResult: function(row) {
                                return row.Key;
                            }
                        }).result(function(event, row, formatted) {
                            $("#hidID").val(row.Value);
                        });
                    }
                });
            });
    3、页面中需要提供txtName、hidID控件:
        <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
      
        <asp:HiddenField ID="hidID" runat="server" />
       

    4、Demo.aspx.cs后台代码:

            [WebMethod]
            public static string GetDataBind()
            {
                Dictionary data = new Dictionary();

                IList userinfos = GetByName();
                if (userinfos != null)
                {
                    foreach (Employee e in userinfos)
                    {
                        data.Add(e.cName + "-" + e.eName, e.Empno);
                    }
                }
                DataContractJsonSerializer serializer = new DataContractJsonSerializer(data.GetType());
                using (MemoryStream ms = new MemoryStream())
                {
                    serializer.WriteObject(ms, data);
                    return System.Text.Encoding.UTF8.GetString(ms.ToArray());
                }
            }

  • 相关阅读:
    linux 操作系统/xxx目录下都是什么文件?
    Linux /bin, /sbin, /usr/bin, /usr/sbin 区别
    java初学
    虚拟机联网及远程连接-Linux基础环境命令学习笔记
    Linux 文件操作命令-Linux基础环境命令学习笔记
    Linux 权限、磁盘操作命令-Linux基础环境命令学习笔记
    Linux shell编程命令-Linux基础环境命令学习笔记
    C程序编译执行过程
    刨根问底:什么是yum源,yum的工作原理又是什么
    网关人性化详解
  • 原文地址:https://www.cnblogs.com/yumianhu/p/3710732.html
Copyright © 2011-2022 走看看