Javascript 如何在HTML中将json文件值填充为select选项

Javascript 如何在HTML中将json文件值填充为select选项,javascript,python,html,json,Javascript,Python,Html,Json,我有一个python文件,它返回一个json文件。它只包含如下列表:[1,2,3,4,5,6,7,] 如何将其填充到HTML页面的选择框中 代码: $.getJSON('data.json', function(data) { destinations = data[] $.each(destinations, function(id, destination) { destination = destination[] }) }); 该怎么办 在您的

我有一个python文件,它返回一个json文件。它只包含如下列表:[1,2,3,4,5,6,7,] 如何将其填充到HTML页面的选择框中

代码:

$.getJSON('data.json', function(data) {
    destinations = data[]

    $.each(destinations, function(id, destination) {
        destination = destination[]
    })
});
该怎么办

在您的情况下,不要使用this.val和this.text,因为您的数组不包含对象,只包含整数。

请尝试以下操作:

$.getJSON('data.json', function(data) {
    destinations = data[];

    $("#selectid").clear();
    $.each(destinations, function(id, destination) {
        $("#selectid").append("<option value="+destination[id]+">"+destination[id]+"</option>");
    });
});

希望这是您的期望

不确定您想要什么,但这不可能是正确的:destination=destination[],或者您的数据可能是[[[1]、[2]、[3]]?然后我仍然希望赋值包含数组中位置的键,比如destination=destination[0]。也许您应该包含jQuery标记并删除python标记,因为它似乎与提供json的进程无关。数据仅此:[1,2,3,4,5]
$.getJSON('data.json', function(data) {
    destinations = data[];

    $("#selectid").clear();
    $.each(destinations, function(id, destination) {
        $("#selectid").append("<option value="+destination[id]+">"+destination[id]+"</option>");
    });
});