Question

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!

Answer 1

You can add a select to your autocomplete:

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