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

我从我的C＃webmethod获取这种格式的JSON：

{"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($("", { text: el })); }); 

示例： http ： //jsfiddle.net/z2D8f/

或者一次性附加HTML的替代方案，这可能更快：

 var html = $.map(data.d, function(el) { return "" + el + ""; }); $("#parkcity").append(html.join('')); 

示例： http ： //jsfiddle.net/pUhw2/