jquery - 绑定(bind) JSON 数组以进行选择

Question

我正在尝试将 JSON 数组(Ajax 调用的结果)绑定(bind)到 <select/>元素。

JSON 结构示例如下所示:

[{"JD_No":1,"JD_Name":"Network Administrator"}, {"JD_No":2,"JD_Name":"System Administrator"}]

我需要实现的是提取 JD_No值和JD_Name每个元素的值并将它们绑定(bind)到 html <select/>

我还必须声明 JSON key 是动态的，因此不可能引用特定的 key 名称。

请问有什么帮助吗？

Answer 1

在 jQuery 中你可以这样做:

您可以检查该值是否是类型数字，如果不是，则它是一个名称。

JSFiddle这里

var jsonString = '[{"JD_No":1,"JD_Name":"Network Administrator"}, {"JD_No":2,"JD_Name":"System Administrator"}]';

var json_data = JSON.parse(jsonString);

for(var i = 0; i < json_data.length; i++){

    var option = $("<option>");

    for( var key in json_data[i] ){
        // There should only be two keys, if its a number its ID, else option name
        if( typeof json_data[i][key] === "number" ){
            option.attr("value", json_data[i][key]);
        }else{
            option.html(json_data[i][key]);
        }
    }

    $("select").append(option);

}