jQuery UI自动完成自动完成使用小记

页面： 复制代码代码如下： %@页面语言=' c# ' AutoEventWireup=' true ' CodeFile=' Test。aspx。cs ' Inherits=' web _ Test ' %！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title测试/title链接类型='text/css' rel='样式表/link href='./css/jquery.ui.all.css' rel='样式表type='text/css' /脚本类型=' text/JavaScript ' src=' http :http://Ajax。谷歌API。com/Ajax/libs/jquery/1.4/jquery。量滴js /脚本！-解决下拉列表框被遮盖jquery。bgiframe-script type=' text/JavaScript ' language=' JavaScript ' src=' http :/js/jQui/jquery。bgiframe-2。1 .1 .js/'脚本脚本类型='text/javascript '语言='javascript' src='http:/js/jQui/jquery。ui。核心。js/脚本脚本类型=' text/JavaScript '语言=' JavaScript ' src=' http :/js/jQui/jquery。ui。小部件。js/脚本脚本类型=' text/JavaScript '语言=' JavaScript ' src=' http :/js/jQui/jquery。ui。老鼠。js /脚本！- jquery.ui.autocomplete -脚本类型='text/javascript '语言='javascript' src='http:/js/jQui/jquery。ui。自动完成。js/'脚本脚本语言=' JavaScript '类型=' text/JavaScript ' $(function(){ $(' # txt test ')).自动完成({ minLength:1，source:)函数（请求，响应){ $。ajax({ url: './ajax/GetAllWords.ashx '，dataType: 'json '，data:请求，成功：函数（数据){回应(数据);} });} });});/脚本/头体表单id='form1' runat='server' div输入id=' TxtTest ' type=' text '/div/form/body/html后台： 复制代码代码如下： %@网络处理器语言='C#' Class='GetAllWords' %使用系统；使用系统网络.公共类GetAllWords : IHttpHandler { public void process request(HttpContext context){ if(context .请求。QueryString['term']！=null上下文请求。QueryString['term']！='') {上下文。响应。clear()；语境回应。charset=' utf-8 '；语境。响应。缓冲=真；语境。响应。内容编码=系统文字。编码。UTF8语境。响应。内容类型='文本/纯文本；语境。响应。写入(GetLikeUserName(上下文请求。查询字符串[' term '])；语境。响应。刷新();语境。响应。关闭();语境。响应。end()；} } ///摘要///拼接JSON////summary///param name=' key '关键词/param /返回/返回私有字符串GetLikeUserName(字符串键){ jhg .bll。web _ WordManager WordManager=new jhg .bll。web _ WordManager()；//搜索，返回10个关键词字符串[]列表字=单词管理器.GetSearchWord(键，10);系统。新系统文本。StringBuilder('[')；int ct=listWord .长度；for(int I=0；i cti ) { sbstr .追加(" \ " listoword[I]" \ ")；if (i==ct - 1) sbstr .追加(']');否则sbstr .追加(',');}返回sbstr .ToString()；} public bool IsReuse { get { return false；} } } 注： 文件： jquery。ui。自动完成。CSS .ui-autocomplete { position : absolute；光标：默认值；} 去掉：绝对位置：效果图：