jquery autocompleteラベルを設定する方法と値を取得する方法は？

Question

サブカテゴリとしてクラス名で作成された動的入力フィールドがあります。 キープレスでオートコンプリートが正常に機能していますが、そこから選択することができます。私はautosuggestedテキストは「ActionScriptを」と言うのいずれかを選択すると、そのためのコードをワーキング

は

以下

$("body").on('keypress', 'input.sub-category', function() { 
     var availableTags = [ 
      {label:"ActionScript", value:"1"}, 
      {label:"ActionScript1", value:"11"}, 
      {label:"ActionScript2", value:"12"}, 
      {label:"ActionScript3", value:"13"}, 
      {label:"ActionScript4", value:"14"}, 
     ]; 
     $(this).autocomplete({ 
      source: availableTags, 
     }); 
    }); 

である、それは価値だ（1）私はそれにアクセスする方法を、以下のコードで利用できるようにする必要がありますか？選択されたアラート機能は正常に動作しているので、選択したラベルの値にアクセスする方法を知る必要があります。

$("body").on('autocompleteselect', 'input.sub-category', function() { 
     alert('here'); 
}); 

さらに、入力ボックスに選択したテキストを設定する方法を知りたいと思います。

Answer 1

は、あなただけの次の行を含む

$("body").on('autocompleteselect', 'input.sub-category', function() { 
     alert('here'); 
}); 

を置き換えるファイル と に "https://code.jquery.com/ui/1.12.0/jquery-ui.js" jqueryの-uiファイル を含める必要があります。

$(this).autocomplete({ 
     source: availableTags, 
     select:function(event,ui){ 
      $(".sub-category").val(ui.item.label);return false; 
     } 
    }); 

と

$("body").on('autocompleteselect', 'input.sub-category', function (event,ui)  { 
    alert(ui.item.label); 
    alert(ui.item.value); 

}); 

と

$(this).autocomplete({ 
     source: availableTags, 
    }); 

、これはより多くの情報のために正常に動作しますリンク

http://api.jqueryui.com/autocomplete/

Answer 2

簡単以上のものを以下に行ってください！

あなたはこのようuiが順番にlabelとvalueデータを選択したitemを持っているオブジェクトがある

$(".selector").on("autocompleteselect", function(event, ui) {});

にハンドラを結合し得ること、それはここでhttp://api.jqueryui.com/autocomplete/#event-select
をだとそれは言います。