jquery - 将 JSON 数据加载到下拉列表中

Question

我有一个 JSON 返回下拉值（值和文本）。我需要将该数据加载到我的下拉列表中。我不知道如何将这些数据加载到下拉列表中。请告诉我可能性。

代码

    $('#SupplierId').change(function () {
    var a = $(this).val();
    $.post('@Url.Action("MatchPoNo", "Subscriptions")', { Id: a }, function (data) {

        $("#PoNo").select2({

        });
    });
});

Answer 1

我还没有测试过这个，但是你的回调中这样的东西应该可以工作。这假设您要返回一个 javascript 数组。

data.each(function(){
 $option = $("<option></option>");
 $option.val(this.value);
 $option.html(this.text);
 $('#dropdown').append($option);
});

Answer 2

尝试将工作：

var data = [
    {val: 1, text: "One"},
    {val: 2, text: "Two"},
];

$("#PoNo").append(function() {
    return $.map(data, function(el, i) {
        return '<option value=' + el.val + '>' + el.text + '</option>'; 
        // return $('<option>', {val: el.val, text: el.text});
    });
});

http://jsfiddle.net/SgCXy/

但是，如果您发布了 json 的示例，那就太好了。

Answer 3

最简单的方法是使用JQuery 视图引擎并将数组加载到下拉列表中：

var data = [
    {"text":"North","value":"N"},
    {"text":"West","value":"W"},
    {"text":"South","value":"S","selected":true},
    {"text":"East","value":"E"}
];
$("#dropdown").view(data);

在此处查看详细信息：https ://jocapc.github.io/jquery-view-engine/docs/ajax-dropdown