我需要帮助填充我的下拉我的JSON响应

Question

我得到JSON回来从我的C＃的webmethod格式：

{"d":["ADAMS CITY","BOULDER","ANTON","ARBOLES"]} 

我现在有一个asp.net下拉。那么，它会呈现为带有#city id的html下拉菜单。

我收到我的AJAX请求成功警报。我如何将这些结果填充到我的#city下拉列表中？

试过这样：

success: 
       function (data) { 
       var values = eval(data.d); 
       var ddl = $("#parkCity"); 
       $('option', ddl).remove(); 
       ddl.html(data); 
       alert("Cities loaded"); 
      }, 

Answer 1

这里的东西应该做你success回调的精细内：

var $select = $("#parkcity"); 

$.each(data.d, function(i, el) { 
    console.log(el); 
    $select.append($("<option />", { text: el })); 
}); 

例子：http://jsfiddle.net/z2D8f/

或者所有附加的HTML替代一次，这可能更快：

var html = $.map(data.d, function(el) { 
    return "<option>" + el + "</option>"; 
}); 

$("#parkcity").append(html.join('')); 

例子：http://jsfiddle.net/pUhw2/