我需要幫助填充我的下拉我的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/