【问题标题】:JSON Data is not populated into the DropdownlistJSON 数据未填充到下拉列表中
【发布时间】:2014-02-11 12:01:49
【问题描述】:

我的 js 文件中有以下代码。当我提醒并检查 key 的值时,它来自 JSON 响应,但是当我检查我的 val 时,它显示为 [object object]。 所以我尝试使用 val.value,该值变为 undefined.

仅供参考:我通过 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);
        }
    });
}

【问题讨论】:

  • 你知道传入数据的数据结构(JSON对象的具体项)吗?如果没有,请尝试使用 console.log() 而不是 alert() 并将其编辑到您的帖子中,以便我可以为您提供更多帮助
  • console.log() 会在哪里做日志,我的意思是如何使用它,我是新手,请帮助
  • 它将登录到您的浏览器控制台。您可以通过通常按 F12 键来访问它。
  • 附上截图@OutOfSpaceHoneyBadger

标签: javascript jquery json c#-4.0


【解决方案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 () {
    }
});

【讨论】:

  • 很高兴它帮助了你:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-08-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-06-19
相关资源
最近更新 更多