Jquery ui 如何在JQuery UI自动完成中访问selectedItem属性?
我正在使用jQueryUI自动完成从服务器检索建议的位置列表。地点有一个id、名称和位置。当选择一个位置时,“自动完成”会在下拉列表和文本框中显示该位置的名称 通过将success方法传递给autocomplete,很容易实现这一点:Jquery ui 如何在JQuery UI自动完成中访问selectedItem属性?,jquery-ui,jquery-ui-autocomplete,Jquery Ui,Jquery Ui Autocomplete,我正在使用jQueryUI自动完成从服务器检索建议的位置列表。地点有一个id、名称和位置。当选择一个位置时,“自动完成”会在下拉列表和文本框中显示该位置的名称 通过将success方法传递给autocomplete,很容易实现这一点: success : function(data) { if (data.responseHeader.status == 0) { response($.map(data.response.docs, function(item){ var
success : function(data) {
if (data.responseHeader.status == 0) {
response($.map(data.response.docs, function(item){
var mappedData = {
label : item.name,
value : item.name,
id: item.id,
location: item.location
}
return mappedData;
}));
}
}
select: function(event, ui)
{
var selectedLocation = ui.item.location;
},
从自动完成中选择项目时,mappedData存储在自动完成的selectedItem属性中。这可以通过firebug看到。我需要访问此属性才能获取所选位置的位置,以便能够执行邻近搜索
提前谢谢 您可以将选择添加到自动完成:
success : function(data) {
if (data.responseHeader.status == 0) {
response($.map(data.response.docs, function(item){
var mappedData = {
label : item.name,
value : item.name,
id: item.id,
location: item.location
}
return mappedData;
}));
}
}
select: function(event, ui)
{
var selectedLocation = ui.item.location;
},