Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013-12-26 00:00
831 查看
好程序就是懒人喜欢的程序。好程序员就是懒人程序员。昨天研究了一下Jquery 模仿Baidu、Google搜索时自动补充搜索结果的提示,感觉效果还行。特意和大家分享一下。所需Jquery插件。请看代码:
jsp:
<script type="text/javascript"> $().ready( function () { $(":text").result(auto); function auto(data){ $("#keyWord").val(data.name); } $("#keyWord").autocomplete(obj, {//obj是数据对象数组Json minChars: 0, //表示在自动完成激活之前填入的最小字符 max: 5, //表示列表里的条目数 autoFill: true, //表示自动填充 mustMatch: false, //表示必须匹配条目,文本框里输入的内容,必须是data参数里的数据,如果不匹配,文本框就被清空 matchContains: true, //表示包含匹配,相当于模糊匹配 scrollHeight: 200, //表示列表显示高度,默认高度为180 formatItem: function (row) { return row.name; }, formatMatch: function (row) { return row.name; }, formatResult: function (row) { return row.value; } }); }); </script>
jsp:
<div> <h4> 模仿BaiDu,google搜索提示功能</h4> <table> <tr><td>名称:<input type="text" id="keyWord" /></td></tr> </table> </div>
相关文章推荐
- Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
- Jquery 模仿Baidu、Google收索时提示输入结果
- jquery实现自动提示的文本框(仿baidu,google搜索)
- jquery+MVC 实现類似baidu,google搜索 提示下拉框
- 用Jquery实现模仿Google 搜索提示功能
- 仿Google搜索自动提示 jQuery+Ajax
- JQuery UI autocomplete自动补全插件搜索结果去除提示
- jquery最新插件Autocomplete搜索自动提示功能
- 搜索功能提示(类似google和baidu)
- baidu和google搜索结果分析
- Ajax AutoComplete for jQuery(类似google,baidu的提示功能)
- jquery 模拟类搜索框自动完成搜索提示功能(改进)
- jquery 模拟类搜索框自动完成搜索提示功能(改进)
- 用ASP+jQuery.autocomplete.js实现仿google自动提示功能
- 仿Google搜索自动提示
- jquery自动填充input框(如百度搜索一样,出现模糊提示)
- ext 类似百度、google搜索自动提示
- 仿百度搜索自动输入提示功能JQuery Autocomplete
- 仿Google搜索自动提示
- jQuery.Autocomplete实现自动完成功能-搜索提示功能