カテゴリと条件に基づく入力での複数の自動執行

Question

検索中に複数の自動拒否に関する入力が必要です。 検索文字列は、Category、オプションのCriteriaおよびvalueで構成されます。

例：ユーザーがカテゴリーやタイプを選択するとCategory.Criteria

私はオートコンプリートでjqueryのを使用してみましたが、選択候補のカテゴリの最初のレベルは、正常に動作します 我々が示すことになっています「」そのカテゴリに対して設定された基準。

ユーザーがカテゴリを選択して「。」と入力すると、自動候補の2番目のセットはすぐに表示されませんが、入力領域の外に出て戻ってくると表示されます。カテゴリを選択して入力し、入力エリアの外に移動し、提案の第二のセットが表示されたリフォーカス 1「」：

レディースコードhttps://jsfiddle.net/krishnanpb/gh32nad6/1/

ステップです。

$(document).ready(function() { 
     BindControls(); 
    }); 

    function BindControls() { 
     var Categories = [ 
     "Customer", 
     "Equipment", 
     "Link", 
     "Location", 
     "Network", 
     "Service", 
     "Termination"]; 

     $('#tags').autocomplete({ 
      source: Categories, 
      minLength: 0, 
      scroll: true 
     }).focus(function() { 
      $(this).autocomplete("search", ""); 
     }); 

     $('#tags').bind('keypress', function(e) { 

      var code = (e.keyCode ? e.keyCode : e.which); 
      if(code == 46) { 
      console.log(". pressed"); 
      var Criteria = [ 
      "name", 
      "id"]; 
      } 
      $("#tags").autocomplete({ 
       source: Criteria 
      }); 
     }); 
    } 

HTML：

タグ：

Answer 1

あなたはKeyUpイベントを使用する必要があります。また、ソースを変更した後、入力に再フォーカスするようにしました。

$("#tags").keyup(function(event) { 
    if(event.which == 190) { 
     console.log(". pressed"); 
     var Criteria = ["name", "id"]; 
     $('#tags').autocomplete({ source: Criteria }); 
     $('#tags').focus(); 
    } 
});