近期项目中有个需求:支持text文本框输入模糊匹配查询,找了下资料,jQuery有个插件jQuery.autocomplete,可以满足需求,故研究了下,记录下来。
项目中试用的前端语言是velocity,以及bui,autocomplete插件页面部分很简单,一个div包含两个文本框,text和hidden类型即可。
页面代码如下:
<div id="phNationalitySg1">
<input name="$group.phNationality1.key" type="text" data-rules="{required:true}" maxlength="100" value="$group.phNationality1.value" id="phNationality1">
<input name="$group.phNationality.key" type="hidden" data-rules="{required:true}" maxlength="100" value="$group.phNationality.value" id="phNationality">
</div>
js代码部分: