jQuery Autocomplete

简介: jQuery Autocomplete

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

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

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

如需了解更多有关 Autocomplete 的细节,请查看 API 文档 自动完成部件(Autocomplete Widget)

实例演示

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>

目录
相关文章
|
9月前
|
JavaScript UED
jQuery Autocomplete
jQuery Autocomplete 是一个基于 jQuery 的插件,它为输入框或文本区域提供了自动完成功能。当用户在输入框中输入文本时,Autocomplete 可以根据用户输入的文本自动匹配并显示相关建议的选项。用户可以从中选择一个选项,而不需要手动输入完整的单词
66 2
|
Web App开发 JavaScript 前端开发
单击触发jquery.autocomplete的两种方法
jquery.autocomplete的参数 minChars设置为0时,默认要双击才会触发jquery.autocomplete,如果想要单击触发的话,得进行一定的处理才行.下面讲下我知道的单击触发jquery.
1063 0
|
缓存 JavaScript 前端开发
jQuery.Autocomplete实现自动完成功能(详解)
1、jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http://docs.
1166 0