文本框输入时实现自动提示（像百度、google一样）

只要有三个文件：一个js插件autocomplete.js和autocomplete.css两个文件，这是jquery官方网站提供的插件；他们的下载地址：http://jqueryui.com/demos/autocomplete/ 一个是一般处理程序；一个是apsx页面，看下面的代码吧; 前台：复制代码代码如下: <script type="text/javascript"> $(document).ready(function() { ShowUserList($("#TextBox1"), "LoginTest.ashx"); //TextBox1为文本框的ID，loginTest.ashx为请求的一般处理程序。 function ShowUserList(obj, url) { $.getJSON( url, function(msg) { var names = new Array(); msg = msg.Table; var names = new Array(); for (var i = 0; i < msg.length; i++) { names.push(msg[i].loginName); } obj.focus().autocomplete(names); } ); } }); </script> </head> <body> <form id="form1" runat="server"> <div> 用户名：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="登录" /> </div> </form> </body> 后台是一般处理程序：复制代码代码如下: public class LoginTest : IHttpHandler { string str; public void ProcessRequest(HttpContext context) { getUserName(); context.Response.Write(str); } public bool IsReusable { get { return false; } } private void getUserName() { DataSet ds = SqlHelper.BuildDataSet("select * from login", CommandType.Text); str = ConvertJson.ToJson(ds); } } 运行结果：

　　推荐阅读

　　jQuery 自定义函数写法分享

自定义主要通过两种方式实现$.extend({aa:function(){}});$.fn.extend({aa:function(){}});调用的方法分别是：$.aa();$($this).aa();注意：创建函数时不要放在 $(function() { }中，调用时候要放在事件里面$($thi>>>详细阅读

本文标题：文本框输入时实现自动提示（像百度、google一样）

地址：http://www.17bianji.com/kaifa2/JS/23503.html

1/2 1

文本框输入时 实现自动提示（像百度、google一样）

文本框输入时实现自动提示（像百度、google一样）