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

时间:2012-01-21 01:47:00

标签: jquery 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");
            },

1 个答案:

答案 0 :(得分: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/