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

发布于 2024-12-08 18:56:57 字数 557 浏览 0 评论 0原文

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

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

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 看到。我需要访问此属性才能获取所选地点的位置,以便能够执行邻近搜索。

提前致谢!

I'm using a JQuery UI autocomplete to retrieve a list of suggested localities from the server. Localities hava an id, name and location. The autocomplete shows the name of the locality in the dropdown list and in text box when one locality is selected.

This is easy achieved passing the success method to the 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;
    }));
  }
}

When you select an item from the autocomplete, the mappedData is stored in the selectedItem attribute of the autocomplete. This can be seen using firebug. I need to access this attribute to be able to get the location of the selected locality so that I'm able to perform proximity searches.

Thanks in advance!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

虫児飞 2024-12-15 18:56:57

您可以将选择添加到自动完成中:

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

You can add a select to your autocomplete:

select: function(event, ui)
{
    var selectedLocation = ui.item.location;
},
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文