我正在开发一个网页,其中有许多自动完成文本框的要求。因为我是javascript的新手,所以制作自己的自动补全textbox对我来说非常困难。因此,我从互联网上搜索了许多示例,但它们只适用于单个文本框。这意味着我不能使用相同的js文件来制作另一个自动完成的文本框。我在stackoverflow上也没有找到任何这样的例子。有人能在这方面帮我吗?
发布于 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);
发布于 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
发布于 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)'];
https://stackoverflow.com/questions/7203251
复制相似问题