jQuery-AutocomplejQuery 自动补全组件
Ajax Autocomplete for jQuery
jQuery 的自动补全组件,支持 Ajax 获取远程数据,支持数据分组显示。
除了 jQuery 之外没有其它依赖。
标准的 jquery.autocomplete.js 文件大小约为13KB。
API
-
$(selector).autocomplete(options);
-
为输入字段设置自动填充。
-
options
: 定义要用于自动填充插件的设置的对象字面值。 下面列出了可用的选项设置。
-
用法
Html:
<input type="text" name="country" id="autocomplete"/>
Ajax lookup:
$('#autocomplete').autocomplete({ serviceUrl: '/autocomplete/countries', onSelect: function (suggestion) { alert('You selected: ' + suggestion.value + ', ' + suggestion.data); } });
Local lookup (no Ajax):
var countries = [ { value: 'Andorra', data: 'AD' }, // ... { value: 'Zimbabwe', data: 'ZZ' } ]; $('#autocomplete').autocomplete({ lookup: countries, onSelect: function (suggestion) { alert('You selected: ' + suggestion.value + ', ' + suggestion.data); } });
Custom lookup function:
$('#autocomplete').autocomplete({ lookup: function (query, done) { // Do Ajax call or lookup locally, when done, // call the callback and pass your results: var result = { suggestions: [ { "value": "United Arab Emirates", "data": "AE" }, { "value": "United Kingdom", "data": "UK" }, { "value": "United States", "data": "US" } ] }; done(result); }, onSelect: function (suggestion) { alert('You selected: ' + suggestion.value + ', ' + suggestion.data); } });
评论
At.js@自动补全插件
At.js是一个Twitter/Weibo样式的@自动完成插件。Demo演示 功能特性:可以监听任何字符,不仅仅只是’@‘,可以设置监听不同的字符和使用不同的数据。支持同时使用静态数据和动态数据(通过
At.js@自动补全插件
0
jQuery.AutoCompletejQuery 自动补全插件
jQuery.AutoComplete是一个基于jQuery的自动补全插件。借助于jQuery优秀的跨浏览器特性,可以兼容Chrome/IE/Firefox/Opera/Safari等多种浏览器。特性
jQuery.AutoCompletejQuery 自动补全插件
0
jQuery.AutoCompletejQuery 自动补全插件
jQuery.AutoComplete是一个基于jQuery的自动补全插件。借助于jQuery优秀的
jQuery.AutoCompletejQuery 自动补全插件
0
KcompletejQuery 多功能自动补全插件
Kcomplete 是一个jQuery多功能自动补全插件。兼容ie6-10/firefox/safari/opera/chrome等主流浏览器支持中文自动提示支持下拉结果列表行高度设定支持下拉结果列表
KcompletejQuery 多功能自动补全插件
0