具有属性的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; 
    } 
}); 
});