動態將外部json數據推入到selectbox

Question

我想使用json數據作爲外部（.json）文件來動態地將值推入selectbox。

欣賞任何幫助......

Answer 1

你需要讓你的後端解決方案時，它請求返回外部JSON文件。據我所知使用JavaScript是不可能加載外部文件並使用該數據。

根據您的情況，您還可以將該javascript變量移動到外部文件並將其作爲腳本加載到您正在創建的文檔中。這不會是一個有效的JSON文件本身，但如果從後端請求JSON不是解決方案，它可以充當解決方案。

Answer 2

這裏是我的建議:)

$.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');