动态地将外部json数据推入selectbox

Question

我想使用json数据作为外部(.json)文件来动态地将值推入selectbox。

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不是一个解决方案。