gpt4 book ai didi

javascript - 没有 jQuery UI 的自动完成

转载 作者:行者123 更新时间:2023-12-03 21:46:04 24 4
gpt4 key购买 nike

我在我的项目中使用 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com