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

Question

我从我的 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($("<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/