javascript/html自动完成文本框
javascript/html自动完成文本框
提问于 2011-08-26 18:17:14
我正在开发一个网页，其中有许多自动完成文本框的要求。因为我是javascript的新手，所以制作自己的自动补全textbox对我来说非常困难。因此，我从互联网上搜索了许多示例，但它们只适用于单个文本框。这意味着我不能使用相同的js文件来制作另一个自动完成的文本框。我在stackoverflow上也没有找到任何这样的例子。有人能在这方面帮我吗？
回答 8
Stack Overflow用户
回答已采纳
发布于 2011-08-26 18:23:39
在AutoSuggest插件中使用JQuery。
http://docs.jquery.com/Plugins/autocomplete
包含JS库(请参阅上面的文档)，然后在HTML中执行此操作：
<input type="text" class="autocomplete" name="n1" />
<input type="text" class="autocomplete" name="n2" />
<input type="text" class="autocomplete" name="n3" />
<input type="text" class="autocomplete" name="n4" />然后在Javascript中的CSS-class中添加一个自动完成：
var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");
$(".autocomplete").autocomplete(data);Stack Overflow用户
发布于 2016-02-04 01:21:30
这里有一个不使用JQUERY或不使用JAVASCRIPT创建自动补全的解决方案。只需简单地html5一个输入框和一个datalist标记。
<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>了解更多关于它的信息here
Stack Overflow用户
发布于 2013-09-16 20:45:46
我建议您检查以下内容：
http://complete-ly.appspot.com/
这个简单的案例应该能满足您的需求：
var cly = completely(document.getElementById('a-div-wrapping-your-autocomplete-box');
cly.options = [ 'your','array','of','options','(possibly sorted somehow)'];页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7203251
复制相关文章
相似问题