javascript - 没有 jQuery UI 的自动完成

标签 javascript jquery ajax autocomplete jquery-autocomplete

我在我的项目中使用 jQuery,我需要实现自动完成,但我想避免包含 jQuery UI 小部件,并希望使用一些特定的外部插件。 您能否提供一些示例/链接? 我必须查询返回键值对的远程 JSON 源。

最佳答案

您可以在输入文本框中使用 HTML5“列表”属性,并使用 datalist 为其提供自定义值列表。

<!DOCTYPE html>
<html>
<head>
<!--your stuff-->
</head>
<body>
<!--your stuff-->
<input type="text" id="txtAutoComplete" list="languageList"/><!--your input textbox-->
<datalist id="languageList">
<option value="HTML" />
<option value="CSS" />
<option value="JavaScript" />
<option value="SQL" />
<option value="PHP" />
<option value="jQuery" />
<option value="Bootstrap" />
<option value="Angular" />
<option value="ASP.NET" />
<option value="XML" />
</datalist>
</body>
</html>

如果您没有明白,请阅读 http://www.cheezycode.com/2015/09/create-auto-complete-dropdown-using.html 了解更多信息

还有一个视频 Auto-Complete Without JQuery

关于javascript - 没有 jQuery UI 的自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19157249/

相关文章:

javascript - 如何在 Chromium 开发者控制台中使用 console.log、console.warn 等?

javascript - 创建一个滑动图片库

php - 如何通过AJAX更改变量?

php - 为什么我的简单 ajax 代码不起作用?

javascript - Javascript可以动态创建多维数组吗

javascript - 如何完全删除 d3 forceSimulation 及其拖动 handle

javascript - Web Sockets DOM 对象检测

javascript - jquery ajax 响应中缺少 responseJSON

javascript - php 函数不将结果返回给 ajax 调用

javascript - 在一次 onclick 中使用不同的 div 进行两次 ajax 调用