javascript - 如何设置选择框的选项

Question

我的代码中有 2 个 select 元素。一个用于美国各州 (#us_state)，第二个用于城市 (#city_name)。当我选择“状态”时，第二个选择元素必须仅包含处于选定状态的城市。我使用ajax，我完成了请求并得到了响应。响应格式为 id:name {"26332":"Abbott Park","27350":"Addieville", ...} .现在我想将响应添加到选项 elements 并将其附加到带有 #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

遍历从响应中接收到的每个数组数据并在 var city 中获取城市名称 say。然后使用 jquery append 追加选项值(还记得使用 $('#city_name').html("");)

清除迭代循环外的选项

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