jQuery Autocomplete 自动完成插件

jQuery Autocomplete 插件根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。通过给 Autocomplete 字段焦点或者在其中输入字符，插件开始搜索匹配的条目并显示供选择的值的列表。通过输入更多的字符，用户可以过滤列表以获得更好的匹配。

该插件现在是 jQuery UI 的一部分，独立的版本不会再更新了。目前版本是 1.6。

访问 jQuery Autocomplete 官网，下载 jQuery Autocomplete 插件。

实例演示

jQuery Autocomplete 插件演示。

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><title>jQuery UI Autocomplete - Default functionality</title><link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"><script src="//code.jquery.com/jquery-1.10.2.js"></script><script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script><link rel="stylesheet" href="/resources/demos/style.css"><script>$(function() {var availableTags = ["ActionScript","AppleScript","Asp","BASIC","C","C++","Clojure","COBOL","ColdFusion","Erlang","Fortran","Groovy","Haskell","Java","JavaScript","Lisp","Perl","PHP","Python","Ruby","Scala","Scheme"];$( "#tags" ).autocomplete({source: availableTags});});</script>
</head>
<body><div class="ui-widget"><label for="tags">Tags: </label><input id="tags">
</div></body>
</html>

$(function(){
var content =[
"华",
"华点",
"欢迎来到华点"
];
$("#text1").autocomplete({
source:content
});
});

jQuery Autocomplete 自动完成插件相关推荐

jQuery图片自动添加水印插件
JS脚本(jQuery)为图片加水印效果预览: http://hovertree.com/texiao/jquery/94/ 本功能使用HTML5实现,可为图片加上文字水印,可设置文字,设置颜色,位置 ...
AutoComplete - 自动完成插件
AutoComplete - 自动完成插件转载于:https://www.cnblogs.com/zhujiabin/p/4936048.html
jquery.autocomplete自动完成控件
项目中有时会用到自动补全查询,就像Google搜索框.淘宝商品搜索功能,输入汉字或字母,则以该汉字或字母开头的相关条目会显示出来供用户选择, autocomplete插件就是完成这样的功能. auto ...
jquery.autocomplete自动补全功能
1.jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http:// ...
jQuery.Autocomplete 自动完成
语法: autocomplete(urlor data, [options] ) 参数: url or data:数组或者url [options]:可选项,选项解释如下: 1) minCh ...
jquery.autocomplete自动补齐和自定义格式
1.简单的下拉自动补齐,可以使用本地或远程数据源 <input name="autoTag" id="autoTag" /> var source ...
autocomplete触发事件_修改jQuery.autocomplete中遇到的键盘事件
修改jQuery.autocomplete中遇到的键盘事件 autocomplete是一个jquery的自动完成插件,http://www.pengoworks.com/workshop/jquery ...
JQuery AutoComplete插件实现自动补全
JQuery AutoComplete插件实现自动补全官网 jquery提供的这个插件确实强大,十几行代码就可以实现自动补全功能,而且还可以选择多种不同的数据源,可以说是非常方便. 此文还查阅了一些 ...
Jquery autocomplete插件
转自:https://www.cnblogs.com/Leo_wl/p/7845730.html Jquery autocomplete插件的使用示例回到目录 Jquery autocomplete ...

jQuery Autocomplete 自动完成插件

jQuery Autocomplete 自动完成插件相关推荐

最新文章

热门文章