源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-03-08 13:17 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:文本框输入时 实现自动提示(像百度、google一样)
只要有三个文件: 一个js插件autocomplete.js和autocomplete.css两个文件,这是jquery官方网站提供的插件; 他们的下载地址:[url=http://jqueryui.com/demos/autocomplete/]http://jqueryui.com/demos/autocomplete/[/url] 一个是一般处理程序 ; 一个是apsx页面,看下面的代码吧; 前台:
[u]复制代码[/u] 代码如下:
<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>
后台是一般处理程序:
[u]复制代码[/u] 代码如下:
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); } }
运行结果: [img]http://files.jb51.net/upload/201204/20120405232658321.png[/img]  
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部