php - 从 JSON 填充选择列表

Question

我一直在四处寻找看似简单的问题的解决方案，但找不到解决方案...任何指导将不胜感激。

我正在尝试使用从 PHP 脚本检索到的 JSON 对象构建一个选择框。 PHP 脚本 (versions.php) 正在对数据库表运行查询；代码如下:

$posts = array();
if(mssql_num_rows($result)) {
  while($post = mssql_fetch_assoc($result)) {
    $posts[] = $post;
  }
}
header('Content-type: application/json');
echo json_encode($posts);

...并返回以下 json 结构:

[{"版本":"3.3.0"},{"版本":"1.5.0"}]

从中央 JS 文件调用 PHP 文件，其结构如下:

jQuery(function($){
    $.getJSON('versions.php', function(data) {
        var select = $('#release-list');
        $.each(data, function(key, val){
            var option = $('<option/>');
            option.attr('value', val)
                  .html(data)
                  .appendTo(select);
        });
    });
});

查看 Firebug ，我看到了对象列表，但没有看到数组中的值。我想这与上面 javascript 文件中的代码有关 - 只是不确定如何从 json 对象访问值。

提前致谢。

Answer 1

你快到了。根据您的 JSON 结构，它应该看起来像这样:

jQuery(function($){
    $.getJSON('versions.php', function(data) {
        var select = $('#release-list');
        $.each(data, function(key, val){
            $('<option/>').attr('value', val.version)
                  .html('version ' + val.version)
                  .appendTo(select);
        });
    });
});