0

ユーザーがオートコンプリートテキストボックス(jQuery UIを使用)から選択すると、どのように機能(この場合はいくつかのajax)が開始されます。jQuery入力セレクタ

EGユーザーが入力ボックスをクリックし、 'A'と入力すると、オートコンプリートを使用してAを含むアイテムが解決され、一度選択(クリックまたはEnterキー)してからイベントを実行すると、

+2

UIのオートコンプリートのためのドキュメントを読んでください。実際にはかなり簡単です:) – karim79

+0

jQueryUIのAutocomplteを使用していると仮定していますので、['select'](http://jqueryui.com/demos/autocomplete/#event-select)オプションを使用してください。 –

答えて

1

selectコールバックを使用してください。 From the docs

メニューからアイテムが選択されたときにトリガされます。 ui.itemは選択した項目を参照します。 selectのデフォルトアクションは、テキストフィールドの値を選択した項目の値に置き換えることです。このイベントをキャンセルすると、値は更新されませんが、メニューが閉じないようにはなりません。

コード例

サプライinitオプションとして選択したイベントを処理するコールバック関数。

$(".selector").autocomplete({ 
    select: function(event, ui) { ... } 
}); 
種類別に選択したイベントに

バインド:autocompleteselect。

$(".selector").bind("autocompleteselect", function(event, ui) { 
    ... 
}); 
1
$("#element_id").autocomplete({ 
    select: function(event, ui) { 
    var selected_value = $(this).val(); 
    // do something 
    } 
});