JQuery的自动完成和JSON饲料

Question

抓住额外的数据，我有以下的jquery从优秀geonames.org Web服务上写着：

$('#<%=txtFindMyCity.ClientID%>').autocomplete("http://ws.geonames.org/searchJSON", { 
      dataType: 'jsonp', 
      parse: function (data) { 
       var rows = new Array(); 
       data = data.geonames; 
       for (var i = 0; i < data.length; i++) { 
        rows[i] = { data: data[i], value: data[i].name, result: data[i].name }; 
       } 
       return rows; 
      }, 
      formatItem: function (row, i, n) { 
       $('#lat').val(row.lat); //<---- THIS 
       $('#lon').val(row.lng); //<---- AND THIS 
       return row.name + ', ' + row.adminName1 + ' ' + row.adminName2 + ' ' + row.adminName3 + row.lat + row.lng; 
      }, 
      extraParams: { 
       // geonames doesn't support q and limit, which are the autocomplete plugin defaults, so let's blank them out. 
       q: '', 
       limit: '', 
       country: '<%=Session["BusinessCountry"].ToString()%>', 
       featureClass: 'P', 
       style: 'full', 
       maxRows: 50, 
       name_startsWith: function() { 
        return $('#<%=txtFindMyCity.ClientID%>').val() 
       } 
      }, 
      max: 50 
     }).result(function (event, data, formatted) { 
      var selectedcity = $('#<%=txtFindMyCity.ClientID%>').val(); 
      $('#citymap').show('slow'); 
      $('#resultsmap').googleMaps({ 
       latitude: $('#lat').val(), 
       longitude: $('#lon').val(), 
       controls: { 
        type: { 
         control: '' 
        }, 
        zoom: { 
         control: 'GSmallZoomControl' 
        } 
       } 
       //geocode: selectedcity + ' <%=ddlCountry.SelectedItem.Text%>', 
      }); 

     }); 

我遇到的问题是，我想标示的数据。从formatItem中可以看到，该服务返回经纬度，但我不知道如何获取它。我尝试设置一个输入的值 - 这种工作 - 但它只获得了第一个数据输入，而不是选定的。我有result(function(event, data, formatted)方法，但data或data[0|1]从不返回任何内容。

我不知所措！任何人可以提供的帮助将是真棒:)

Answer 1

我想现在我明白你想要做什么，也许你怎么能做到这一点。当您选择某个项目时（这是result函数的意图），您想访问lat和lng的值以及name。

这应该工作：

$('#<%=txtFindMyCity.ClientID%>').autocomplete("http://ws.geonames.org/searchJSON", { 
     //all your existing options go here 
    }).result(function (event, data, formatted) { 
      //access the lat, lng and name of the selected option: 
      console.log("You selected ", data.name, data.lat, data.lng); 
     }); 

    });