автозаполнения с данными JSon

Question

у меня есть две проблемы с этим кодом:

json example: 

{"json_list": [{"label": "Porto Rico", "value": 33}, {"label": "Portugal", "value": 32}]} 

---

$("#user_country_name").autocomplete({ 
    source : function(request, response) { 
     $.getJSON("https://stackoverflow.com/users/autocomplete/" + request.term, function(data) { 
      response(data.json_list); 
     }); 
    }, 
}); 

Во-первых, когда я выбрать страну, выбранное значение в поле ввода должно быть меткой, а не значение. Потому что пользователь должен видеть страну, а не идентификатор.

Во-вторых, как я могу заполнить скрытое поле $("#user_country_id") по идентификатору выбранной страны?

Answer 1

Используйте select метод

select: function(event, ui) { 
    event.preventDefault(); 
    $("#user_country_name").val(ui.item.label); 
} 

Answer 2

Что вам нужно сделать, это разобрать ответ json. если у вас возникли проблемы с получением доступа, используйте console.log().

$("#w-arrival-search").autocomplete({ 
     select: function (e, ui) { 
      $("#w-arrival-search").val(ui.item.label); 
      return false; 
     }, 
     minLength: 3, 
     source: function (request, response) { 
      $.ajax({ 
       url: 'http://localhost:8080/mvn/autocomplete', 
       data: request, 
       success: function (data) { 
        var ParsedObject = $.parseJSON(data); 
        response($.map(ParsedObject, function (item) { 
         var results = item.iata_code + " - " + item.city_name; 
         return { 
          label: results 
         }; 

        })); 
       } 
      }); 
     } 
    });