如何设置选项来选择框

Question

我有2 选择元素在我的代码。一个用于美国各州（#us_state），第二个用于城市（＃城市名称）。当我选择“状态”时，第二个选择元素必须仅包含处于选定状态的城市。我使用ajax，我完成了请求并得到了回应。响应格式为ID：名称{"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

迭代通过每个阵列的数据从响应&得到城市的名字在VAR城市说收到。然后使用jQuery的追加到追加选项值（也记得要清除使用$('#city_name').html("");的迭代循环外的选项）

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