具有屬性的jQuery UI自動填充文本

Question

我正在使用jQueryUI自動完成的文本框。我希望文本框以一種方式填充，只要文本框自動完成，應該將變量設置爲與特定自動填充選項關聯的特定值。

來源爲自動完成：

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

我認爲源應被轉換爲JSON對象如

[{ "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

創建jsfiddle以顯示我們如何獲取所選選項的ID。 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; 
    } 
}); 
});