JSON数据未填充到下拉列表中

Question

我的js文件中有以下代码。当我提醒并检查键的值时，它来自JSON响应，但是当我检查 val 时，它显示为 [object object]。< / strong>所以我尝试使用 val.value ，该值变为未定义。

仅供参考：我通过Json从我的控制器获得了正确的响应，我已经检查过了，我想知道的是如何将文本值填充到下拉列表中。

$(document).ready(function () {   
    BindTitle();
});

function BindTitle() {
    $.ajax({
        "url": "/Admin/GetTitleList/",
        "type": "get",
        "dataType": "json",
        "success": function (data) {
            var appenddata;
            $.each(data, function (key, val) {
                appenddata += "<option value = '" + key + " '>" + val.text + " </option>";
            });
            $("#TitleId").html(appenddata);
        }
    });
}

Answer 1

你建立下拉列表的方式不会对ie8起作用 尝试

$.ajax({
    url: "/Admin/GetTitleList/",
    type: "GET"
    success: function (data) {
        var items = $('#id of your dropdown');
        items.empty();
        $.each(data, function (i, drddata) {
            items.append($('<option/>', { value: drddata.Value, html: drddata.Text
        });
    });
    },
    error: function () {
    }
});