创建一个自动完成函数，不显示每个单词

Creating an autocomplete function, not showing every word

本文关键字：函数 显示 单词 一个 创建      更新时间：2023-09-26

我正在尝试创建一个模拟自动完成，因为jQuery提供的那个是重载的，我不想用那么多。

var easyBB = {
  spellCheck: function(boolean,options) {
if(boolean === true){
  $('textarea').on('keyup',function() {
    var wordTyped = $(this).val();
  for(var word in options.words){
    var i=0;
     while(wordTyped.indexOf(options.words[word])) {
     $('#responsiveWords').html(options.words[word]);
       i++;
      }
     }
    });
   }
  }
 };
   easyBB.spellCheck(true,{
       words:[
         "ActionScript",
         "AppleScript",
         "Asp",
         "BASIC",
         "C",
         "C++",
         "Clojure",
         "COBOL",
         "ColdFusion",
         "Erlang",
         "Fortran",
         "Groovy",
         "Haskell",
         "Java",
         "JavaScript",
         "Lisp",
         "Perl",
         "PHP",
         "Python",
         "Ruby",
         "Scala",
         "Scheme"
         ]                 
      });

基本上，这将是一个文本区域，首要问题是如何获得他们当前键入的单词。

下一个问题是is只显示单词数组中的第一个单词。甚至在性格方面与最接近的词都不相似。此外，它只显示一个单词，我希望它显示值的索引的任何单词。。。

有人能帮我解释一下我在这里做什么吗。我是一个自学成才的人，所以学习意味着实际应用于代码，这就是为什么我要写一个while循环。刚刚学会。今天打电话：）对不起，无关，有什么建议我在这里做错了什么？

http://jsbin.com/edolap/1/edit

试试这个

var easyBB = {
  spellCheck: function(b,xxx) {
      $('textarea').on('keyup',function() {
        var list = xxx.words;
        var wordTyped = $(this).val();
        $('#responsiveWords').html(""); // reset the list
        if(wordTyped === "") return; // check we have something otherwise you get all results here.
        for (var i = 0; i < list.length; i++) {
          if(list[i].indexOf(wordTyped) === 0){
            $('#responsiveWords').append($("<li>"+list[i]+"</li>")); // create and append items
          }
        }
     });
  }
};

easyBB.spellCheck(true,
                  { words:[
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ]});
相关文章：