javascript - 无法让 JSON 在下拉列表中正确呈现

Question

我正在尝试从 PHP 文件中获取 JSON 并使用它来填充下拉框。

我从 PHP 文件中很好地获取了 JSON。它看起来像这样:

[{"state":"AL"},{"state":"AK"},{"state":"AZ"},{"state":"AR"}]

我可以在开发人员工具的响应中看到它进展顺利。但是，当我查看 JSON 时，第 1 行是空的，所有内容都在第 2 行上。不确定这是否有问题。

在 HTML 方面，这是我所得到的:

<select id="myselect"></select>

和

 $.getJSON('state_get.php', function(data) {               
   $.each(data, function(key, val) {
    $('#myselect').append("<option>"+key.text+"</option>");
})
 });

我在下拉菜单中得到的是一堆带有“未定义”的选项。似乎每个 JSON 值都有一个对应的值，因此某些内容是正确的，但并非完全正确。

如有任何帮助，我们将不胜感激。

Answer 1

每个回调的第一个参数是索引，第二个参数是值，也是属性的键是 State 而不是 text

$.getJSON('state_get.php', function (data) {
    $.each(data, function (key, val) {
        $('#myselect').append("<option>" + val.state + "</option>");
    })
});