引入标签(结合实际)
<%@ taglib uri="/webwork" prefix="ww"%>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c"%>
引入js,css
<script type="text/javascript"
src="<c:url value='/resources/js/autocomplete/prototype.js'/>">
</script>
<script type="text/javascript"
src="<c:url value='/resources/js/autocomplete/scriptaculous.js'/>">
</script>
<link rel="stylesheet" type="text/css"
href="<c:url value='/resources/js/autocomplete/autocomplete.css'/>" />
jsp页面
<ww:textfield name="keyword" cssStyle="width:420px;hight:50px" id="keyword" />
<div id="completeList" class="auto_complete"></div>
<script type="text/javascript" language="javascript" charset="utf-8">
new Ajax.Autocompleter('keyword','completeList',
'<c:url value="/search/completeKeywords.action"/>',{tokens:' ',frequency:0.4});
</script>
completeList为提示输出容器,实现主要是依赖Ajax.Autocompleter
completeKeywords.action实现:
List keywords = keyWordsService.findKeywordsByPycode(keyword);
getRequest().setAttribute("keywords", keywords);
keyWordsService.findKeywordsByPycode根据输入的keywork获取对应提示的list
completeKeywords.action返回的jsp页面:
<%@ page contentType="text/html; charset=GB2312"%>
<%@ taglib uri="/webwork" prefix="ww"%>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c"%>
<ul>
<c:forEach items="${keywords}" var="keyword">
<li>${keyword.keyword}</li>
</c:forEach>
</ul>
这样就OK了
分享到:
相关推荐
jquery.autocompleter.js
autocompleter是一个简单的,容易的,可定制的自动完成功能插件,支持缓存。演示地址:http://www.jq22.com/jquery-info438
一款在文本输入框中实现自动完成的jQuery插件,支持中文自动提示,支持通过键盘上下键来选择结果的jquery.autocompleter插件,支持缓存。http://www.datouwang.com/jiaoben/173.html
包括新增的demo示例,以及官方文档的解说,方法说明,主要是ajax请求自动补全的示例
jquery.autocomplete 类包.zip,内容正规 。请放心下载。如有问题,请留言。
jQuery自动完成器 演示版 此处:。 用法 安装 bower install Autocompleter... link rel =" stylesheet " href =" css/jquery.autocompleter.css " > <!-- Scripts --> < script src =" js/jquery.autocomp
Jquery AutoComplete
jquery实现百度搜索自动完成插件autocompleter
一款很好用的 AutoCompleter,支持各种浏览器
jQuery UI 自动完成插件 autocompleter jQuery UI 自动完成插件 autocompleter jQuery UI 自动完成插件 autocompleter
$.ajax({url:this.serviceUrl,data:"query="+me.options.params.query,timeout: 5000,success: function(o){me.processResponse(o);}}); 问题立即解决。 猜想,是默认utf-8编码与我服务端过滤器中转码以及代码的...
官网没有提供demo,这个是根据官网写的demo:https://github.com/ArtemFitiskin/jquery-autocompleter,具体参数官网也可以查询,实现了常用搜索下拉选择,包含了键盘上下选择操作,节流等功能。
基于jquery.autocomplete的分页实现,修改了autocomplete.js。项目是vs2010,用的dotnet2做后台,内有效果图。
官方版本,亲测可用
是一款基于html开发的小脚本,实现3D相册功能,可以根据自己情况更换喜欢的图片,适合对web开发有兴趣的小伙伴。
jQuery的Autocompleter插件 但是现在,我可以告诉你,我将这个自动完成器建模得尽可能简单。 从更高的层面来看,autocompleter 无非是将单个表单域的内容提交到一个 url,然后显示结果。 其余的都悬而未决。 这...
http://blog.csdn.net/winderain/archive/2007/11/19/1892021.aspx<br>script.aculo.us Autocompleter functional 控件改进版本例子
由于它的灵活性、优美以及快速的响应时间可以提高开发体验等原因,Ajax在许多开发领域变得越来越流行。本文作者推荐了十大最佳Ajax教程,全文如下: 我承认Ajax有一个学习曲线,但一旦你把握...2、AutoCompleter教程
自动完成器(v1.1) 图片提供:Harald Kirschner- ://digitarald.de/project/autocompleter/ 由Jo Carter(在github上的天使)和partikule(在github上)更新为可与MooTools 1.4.5(具有/不具有兼容性)一起使用。...
autoComplete.js 是一个简单的纯vanilla Javascript自动补全库,专为速度,多功能性以及与各种项目和系统的无缝集成而构建。