0

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"
         ]                 
      });

基本的に、これはテキストエリア用になります。一番の問題は、現在入力している単語をどのように取得するかです。

次の問題は、words 配列の最初の単語のみを表示していることです。文字的に最も近い単語にさえ似ていません。また、1つの単語のみが表示されます。値のindexOfである単語を表示したい...

誰かが私を助けて、私がここで何をしているのか説明してくれませんか? 私は独学なので、学習とは実際にコードに適用することを意味するので、while ループを書いています。今日.callを学びました:)無関係で申し訳ありませんが、とにかく私がここで間違っていることについて何か提案はありますか?

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

4

1 に答える 1

1

これを試して

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"
    ]});
于 2013-08-03T05:36:30.120 に答える