如何在输入框中创建用户类型的猜测选项?

时间:2017-06-09 11:03:32

标签: javascript jquery html css

当用户开始写单词时,如何为输入框添加猜测选项?例如,如果用户想要在写入lon或lo时键入“London”,则猜测的单词应出现在输入框下方,用户可以选择它。我怎么能用jQuery或JavaScript做到这一点?有没有图书馆?

3 个答案:

答案 0 :(得分:0)

是的,jQuery有一个自动完成插件,我认为你正在寻找它。 Here is the plugin

答案 1 :(得分:0)

  1. 制作预定义词汇数组
  2. 制作由onchange事件调用的函数
  3. 在该职能中:
  4. 
    
     function myFunction (text) {
        var anotherArray = [];
        for (i=0; i < myArray.length; i++) {
            if (myArray[i].substring(0,text.length) == text) {
                anotherArray.push(myArray[i]);
            }
        }
    }
    &#13;
    &#13;
    &#13;

    为了更好地运作,我建议将字符串作为小写字母进行比较,因为&#34;伦敦&#34; !=&#34;伦敦&#34;。

    如果您希望能够从中间搜索:&#34; don&#34;找到&#34;伦敦&#34;使用str.indexOf,如果它&gt; 1然后它就是一场比赛

答案 2 :(得分:0)

在您的网站中添加jquery插件并使用自动填充功能。

注意:你应该有一个很好的记录,让你的自动完成完美或有一个大数组列表..你的代码可能看起来像这样

//HTML
<input type="text" id="autocomplete">
//JAVASCRIPT
var countryTags = [
      "america",
      "london",
      "philippines",
    ];
$( document ).ready(function() {
$("#autocomplete").autocomplete({
source:countryTags });
});