javascript - 在 JavaScript 中读取外部 JSON 文件以填充选择下拉列表

Question

我想寻求一些帮助。 我有一个外部 JSON 文件，里面有一个数组，如下所示:

{ "Files": [
    {
        "fileName": "Trains",
        "fileID": "t1"
    },
    {
        "fileName": "Planes",
        "fileID": "p1"
    },
    {
        "fileName": "Cars",
        "fileID": "c1"
    }
]}

我试图最终使用这些数据来填充 XHTML 页面中的下拉选择菜单，同时使用 JavaScript 来编写它。 到目前为止，我已经得到了以下内容，但现在无法弄清楚我在最后一个障碍上出错的地方。任何关于我不理解的地方的指示表示赞赏，谢谢。

function fileDropdown() {
    var options = "";
    $.getJSON(
        "json/files.json", 
        function(result) {
            //find the array and do seomthing
            $.each(result.Files, function(key, val) {
                options += '<option value="' + val.fileID + '">' + val.fileName + '</option>';
            });
        }
    );
    document.write("<select>"+options+"</select>");
}

Answer 1

试试这个:

function fileDropdown()
{

$.getJSON("json/files.json", function(result) {
//find the array and do seomthing
    var options = "";
    $.each(result.Files, function(key, val) {
        options += '<option value="' + val.fileID + '">' + val.fileName + '</option>';
    });
    var select = $('<select/>');
    select.append(options);
    $(document.body).append(select);
});
}