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);
}
});-
开始，我当初使用这个插件的时候没有想到会有这么多的困难，因为网上各种改版或者使用方法都是前篇一律（大部分都讲本地数据，而从服务端获取动态数据则一带而过） 所以，我写了这篇博文，以及提供插件下载。 以下，是我实现该功能的代码 <script type="text/javascript"> $(function () { $("#<%=txtStudent.ClientID %>").auto
-
、参数说明： * minChars (Number): 在触发autoComplete前用户至少需要输入的字符数.Default: 1，如果设为0，在输入框内双击或者删除输入框内内容时显示列表 * width (Number): 指定下拉框的宽度. Default: input元素的宽度 * max (Number): autoComplete下拉显示项目的个数.Defau
-
如下代码 }).bind("blur.autocomplete", function (c) { if (!a.options.disabled) { clearTimeout(a.searching); a.closing = setTimeout(function () {
-
根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。 jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http://docs.jquery.com/Plugins/Autocomplete jquery.autocomplete源码 <html> <hea
-
在复制带有autocomplete事件的一行或一个文本框时，即使使用深克隆，新复制的文本框代码看起来和原来的一样，但无法触发autocomplete事件，网上找了些资料，写的都不是很清楚，最后自己通过翻看API解决，关键代码分享给大家，直接上代码： $(function() { addAutocomplete(); //页面加载完成时已存在行，注册autocomplete事件
-
Code 1 < script type ="text/javascript" language ="javascript" > 2 $(document).ready( 3 function () { 4 $( ' #<%=TxtAccount.ClientID %> ' ).autocompl
-
前端代码 先引用 <script type="text/javascript" src="/js/plugin/jquery.autocomplete.min.js"></script> <link rel="Stylesheet" href="/js/plugin/jquery.autocomplete.css" /> 在界面加载完成后触发 $(docume
-
首先下载：jquery.autocomple.js，下载地址：http://download.csdn.net/detail/jxctx/7379105 样式为： <script type="text/javascript" src="${rc.contextPath}/scripts/jquery.autocomplete.js"></script> <style> .autocomplete-
-
本地格式： <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>自定义提示</title> <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="
-
如果你仍旧希望节约一些打字时间，Atom自带简单的自动补全功能。 通过使用ctrl-space，自动补全工具可以让你看到并插入可选的完整单词。 通常，自动补全工具会浏览当前打开的整个文档，寻找匹配你开始打出来的单词。 如果你想要更多选项，在设置面板的Autocomplete包中，你可以设置为在所有你打开的缓冲区中寻找字符串，而不仅仅是当前文件。 自动补全功能在atom/autocomplete包中
-
概述 自动补全在你输入时显示一个补全列表，因此你可以输入少量字符就可以完成一个很长的单词输入。对于源代码和 HTML（必须得输入<）这个功能是默认启用的。 禁用自动补全 可以通过auto_complete设置来禁用自动补全。把下面一行加入到Preferences 中Settings - User文件中即可： "auto_complete": false 如果自动补全被禁用了，你可以手动显示自动补
-
本文向大家介绍jquery css实现邮箱自动补全，包括了jquery css实现邮箱自动补全的使用技巧和注意事项，需要的朋友参考一下 今天在公司做一个电子商务网站的注册会员时，要求用户在电子邮箱文本框中输入时，给与热点提示常用的电子邮箱，帮助用户选择，提高体验效果。下面是用Jquery+css实现的邮箱自动补全，供大家参考和学习。 HTML代码：emailAutoComple.html JS
-
我有一个使用JDK 8、JSF 2.2（JBoss提供的实现）、Spring 4.2和Primeface 6.2开发的本地Web应用程序 在应用程序中，我有一个XHTML页面，用于编辑对象的一些字段，该对象是名为SiepRoEncabezado的类的实例。其中一个字段是Sieprpapaescador的一个实例。 直到昨天，我还有一个 在这里，tmpPescador是托管bean correcci
-
本文向大家介绍Python 自动补全(vim)，包括了Python 自动补全(vim)的使用技巧和注意事项，需要的朋友参考一下 一、vim python自动补全插件：pydiction 可以实现下面python代码的自动补全： 1.简单python关键词补全 2.python 函数补全带括号 3.python 模块补全 4.python 模块内函数，变量补全 5.from module impor
-
本文向大家介绍基于jquery实现的自动补全功能，包括了基于jquery实现的自动补全功能的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了基于jquery实现的自动补全功能的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的jQuery程序设计有所帮助。
-
智能自动补全会将不适用的条目过滤掉，只显示可用的类、变量、属性或者方法 操作步骤: 菜单栏:Code —> Completion —>SmartType 快捷键: Mac: control + Shift + 空格 Windows\/Linux: Ctrl + Shift + 空格
-
问题内容： 我有一个测试用例，需要在基于ajax的文本字段中输入部分值，并验证列表是否具有预期的内容。如果是这样，请选择内容。任何想法如何使这项工作？ 问题答案： 该 类型 命令可能不足以触发自动完成功能。否则，Dave Webb的建议就会出现。我唯一的补充是您可能需要 typeKeys 命令，这会导致触发略有不同的JavaScript事件，这更有可能触发自动完成小部件。