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

时间:2011-10-05 10:27:34

标签: jquery-ui jquery-ui-autocomplete

我正在使用JQuery UI自动完成功能从服务器检索建议的地点列表。地方有一个身份,姓名和位置。当选择一个地点时,自动填充功能会在下拉列表和文本框中显示地点名称。

将成功方法传递给自动完成功能很容易实现:

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

从自动完成中选择项目时,mappedData存储在自动完成的selectedItem属性中。这可以用firebug看出来。我需要访问此属性才能获取所选位置的位置,以便我能够执行邻近搜索。

提前致谢!

1 个答案:

答案 0 :(得分:0)

您可以在自动填充中添加一个选择:

select: function(event, ui)
{
    var selectedLocation = ui.item.location;
},