自动完成没有jQuery UI
我在我的项目中使用jQuery，我需要实现自动完成，但我想避免包含jQuery UI小部件，并希望使用一些特定的外部插件。 你能提供一些例子/链接吗？ 我必须查询返回键值对的远程JSON源。
您可以使用Ajax Autocomplete for jQuery插件
这是完整的文档
码
脚本
CSS
.text-field { -moz-box-sizing: border-box; border: 1px solid #EEEEEE; font-family: "Source Sans Pro",Arial,sans-serif; font-size: 0.73684em; font-weight: 600; height: 37px; margin: 0; padding: 5px; width: 100%; } .autocomplete-suggestion { overflow: hidden; padding: 2px 5px; white-space: nowrap; } .autocomplete-suggestions strong { color: #3399FF; font-weight: normal; } .autocomplete-selected{ background:#F0F0F0; }
HTML
我创建了一个autocomplete的演示，这里是链接jsbin.com
您可以在输入文本框中使用HTML5’list’属性，并使用datalist为其提供自定义值列表。
如果您没有得到它，请阅读http://www.cheezycode.com/2015/09/create-auto-complete-dropdown-using.html
还有一个video，它 自动完成没有JQuery
这是我编写的一个小自动完成插件，请尝试： https ： //github.com/Fischer-L/autoComplt
因为我没有使用jQuery而且不想仅为一个function包含一些大型库，所以我自己写。
这个插件不依赖于其他库，也不必包含其他CSS，所以只包含一个JS脚本就足够了。
PS如果你使用它并找到一些需要改进的东西，请告诉我:)
我开始用普通的Javascript编写一个自动完成/提示插件。 我还没有完成，但它可能是一个很好的起点。
github上
无需包含JQuery或任何其他第三方库。
IP_autoComplete函数会自动将字段值合并到URL（第一个参数）。 例如，textbox的值为neeraj然后是arrjson.php?Name=neeraj将被触发。
您也可以使用IP_autocomplete函数作为静态值。 只需在字符串开头添加＃符号一次（逗号拼写）。 例如：“＃val1，val2，val3”
arrjson.php应该返回json编码的字符串。
HTML：
身体
的jsfiddle
或者只是你可以给静态：
这是我见过的最好的多类别/function自动完成插件，它包含许多function，可让您完全控制40个参数，以便根据需要进行自定义。 它非常动态，提供多语言输入，可自动检测RTL或LTR语言。
它不使用JQuery，代码具有非常轻的大小，所以很干净。
演示页面： http ： //www.muwakaba.com/plugins/autocomplete
您可以在演示页面上使用不同的配置，并查看所有参数和function。
祝好运！
试试这个，这将对你有所帮助
HTML
JS
$(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 }); });
here小提琴