jQuery UIオートコンプリートテキスト（

Question

）テキストボックスにjQueryUIオートコンプリートを使用しています。テキストボックスが自動完成するとすぐに、その特定のオートコンプリートオプションに関連付けられた特定の値に変数を設定する必要があります。オートコンプリートのため

出典：私はソースがJSONオブジェクトとして変換されるべきだと思う

var availableTags = ["Air University","Alabama A&M University", 
"Alabama State University","Athens State University",...]; 
//list very long, 2000+ 

など

[{ "id":"1", "name":"Air university";}....]; 

と空気の大学が選択されているときに、変数を次のように設定する必要があります'id'の値。

コード：

$("#tags").autocomplete({ 
    source: function(request, response) { 
    var results = $.ui.autocomplete.filter(availableTags, request.term); 

    response(results.slice(0, 10)); 
}, 
    minLength:5 
}); 

はどのようにこれを行うことができますか？

Answer 1

選択したオプションのIDを取得する方法を示すjsfiddleを作成しました。 https://jsfiddle.net/aqbjb5k9/これが役立つことを願っています。

$(function() { 
var availableTags = [ 
    { 
    value: "Air University", 
    id: "1" 
    }, 
    { 
    value: "Alabama A&M University", 
    id: "2" 
    }, 
    { 
    value: "Alabama State University", 
    id: "3" 
    } 
]; 
$("#tags").autocomplete({ 
    source: availableTags, 
    select: function(event, ui) { 
    var result_selected = ui.item.id; 
    alert(result_selected);  
    return false; 
    } 
}); 
});