JQuery UI自動完成組合框選擇值而不是名稱

Question

我需要一個組合框（ID /名稱）對，用戶選擇一個項目，並將ID發送到服務器。 同時組合框調用AJAX web服務與自動完成選擇

我有一個差不多的工作例如，在此JSFiddle

這裏是AJAX部分：

source: function(request, response) { 
       $.ajax({ 
        url: "http://ws.geonames.org/searchJSON", 
        type: "POST", 
        dataType: "jsonp", 
        data: { 
         featureClass: "P", 
         style: "full", 
         username: "andrebarata", 
         maxRows: 12, 
         name_startsWith: request.term 
        }, 
        success: function(data) { 
         response($.map(data.geonames, function(item) { 
          return { 
           label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName, 
           value: item.geonameId 
          } 
         })); 
        } 
       }) 
      }, 

唯一的問題是當我選擇一個值時，它會將值更改爲ID而不是名稱。

我該怎麼做才能改變這種情況？

Answer 1

如果我改變：由「價值item.geonameId」「值：item.name」它的工作...

，並獲得ID添加一個新屬性「大地水準面」是這樣的：

success: function(data) { 
         response($.map(data.geonames, function(item) { 
          return { 
           label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName, 
           value: item.name, 
           geoid: item.geonameId 
          } 
         })); 
        } 
       }) 
      }, 
      select: function(event, ui) { 
       alert(ui.item.value+" , "+ ui.item.geoid);