Question

我想使用json数据作为外部（.json）文件将值动态推送到选择框。

感谢任何帮助...

Answer 1

这是我的建议：）

$.getJSON( "/test.json", function( data ) {
  $.each( data, function( key, val ) {
    $("#mySelectBox").push( "<option name='" + val + '>" + val + "</option>" );
  });
});

- 编辑

function loadlist(selobj, url) {
    selobj.empty();
    selobj.append('<option value="0">--Select Category--</option>');
    $.getJSON(url, function( data) {
      $.each(data, function(index, e) {
        console.log(e);
        selobj.append( "<option name='" + e.id + "'>" + e.name + "</option>" );
      });
    });

}
loadlist($('select#category'), 'http://nicolasbize.com/magicsuggest/random.json');

Answer 2

您需要使后端解决方案在请求时返回该外部JSON文件。据我所知，使用javascript无法加载外部文件并使用该数据。

根据您的情况，您还可以将该javascript变量移动到外部文件，并将其作为脚本加载到您正在创建的文档中。这不是一个有效的JSON文件本身，但如果从后端请求JSON不是解决方案，则可以作为解决方案。

将外部json数据动态推送到选择框

2 个答案: