Как установить опцию для выбора поля

Question

У меня есть 2 . Выберите элементов в моем коде. Один для штатов США (#us_state) и второй для городов (#city_name). Когда я выбираю «состояние», второй элемент select должен содержать только те города, которые существуют в выбранном состоянии. Я использую ajax, я выполнил запрос и получил ответ. Формат ответа - id: name {"26332":"Abbott Park","27350":"Addieville", ...}. Теперь я хочу добавить ответ на опцию элементов и добавить его для выбора элемента с #city_name id. Но я не знаю, как достичь этого результата. <option value="key">value</option>

$('#us_state').bind('change', function() { 
    var projectId = $("#inputtitle").val();  
    var stateId = $(this).val(); 
    var arrayData = {"projectId": projectId, "stateId":stateId}; 
    $.ajax({ 
      type: "GET", 
      url: "/bidboldly/projects/editproject/",   
      data: arrayData, 
      success : function(response) { 
      ............ 
      ..........       
      }, 
      error: function(){ 
      alert("error"); 
      } 
    }) 
}); 

Answer 1

Это вы что искали?

data = eval('('+response')'); //Parse the JSON data 
for (zip in data) { //Iterate through each item in data 
    $('#city_name').append('<option value="'+zip+'">'+data[zip]+'</option>'); //Append option to select element 
} 

Answer 2

Итерация каждого массива данных, полученных от ответа & получить название города говорят в вар города. Затем с помощью JQuery добавить для добавления значения опций (также не забудьте очистить параметры вне цикла перебора с использованием $('#city_name').html("");)

$('#city_name').append('<option value="'+city+'">'+city+'</option>');