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

时间:2018-09-21 11:25:19

标签: javascript python html json

我有一个返回json文件的python文件。它仅包含这样的列表:'gs://bucket/test.txt' 如何在HTML页面的选择框中填充此内容。

代码:

[1,2,3,4,5,6,7,]

要做些什么?

2 个答案:

答案 0 :(得分:0)

Previously answered here

$.getJSON('data.json', function(data) {
  var sel = $('<select>').appendTo('body');
  $(data).each(function() {
   sel.append($("<option>").attr('value',this).text(this));
  });
});

在您的情况下,数组中的this.val和this.text不包含对象,而仅包含整数。

答案 1 :(得分:0)

尝试一下:

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

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

希望这是您的期望