Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 如何在JQuery UI自动完成中访问selectedItem属性?_Jquery Ui_Jquery Ui Autocomplete - Fatal编程技术网

Jquery ui 如何在JQuery UI自动完成中访问selectedItem属性?

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

我正在使用jQueryUI自动完成从服务器检索建议的位置列表。地点有一个id、名称和位置。当选择一个位置时,“自动完成”会在下拉列表和文本框中显示该位置的名称

通过将success方法传递给autocomplete,很容易实现这一点:

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;
},