javascript - 从 JSON 中填充两个选择

Question

这是我的 JSON 文件:

{
        "AL2": {
                "3810": "AL2GR1",
                "3814": "AL2GR2",
                "3815": "AL2GR3",
        },
        "AN3": {
                "3818": "AN3GR1",
                "3819": "AN3GR2"
        },
        "CME": {
                "2405": "CME"
}

我需要填充两个选择框。第一个让我们在第一级值 (AL2,AN3,CME) 之间进行选择，第二个让我们在深层值 (AL2GR#,AN3GR#,CME) 之间进行选择。

我的 infile Javascript 是:

var jsonData = {"AL2": {"3810": "AL2GR1","3814": "AL2GR2","3815": "AL2GR3"},"AN3": {"3818": "AN3GR1","3819": "AN3GR2"},"CME": {"2405": "CME"}};

$(window).load(function(){
  $.each(jsonData,function(key, value) {
    $('#ue').append('<option value=' + key + '>' + key + '</option>');
  });
});

function grfromue(element,jsonData) {
    var ue = $("#ue option:selected").text();
    alert(ue);
    $.each(jsonData[ue],function(key, value) {
    $('#gr').append('<option value=' + key + '>' + value + '</option>');
  });
};

和 HTML:

<select id="ue" onChange="grfromue(this,jsonData);">
</select>
<select id="gr">
</select>

第二个选择框没有改变，我做错了什么？

Answer 1

下面的代码片段可能对您有帮助

var json = {
            "AL2": {
                    "3810": "AL2GR1",
                    "3814": "AL2GR2",
                    "3815": "AL2GR3",
            },
            "AN3": {
                    "3818": "AN3GR1",
                    "3819": "AN3GR2"
            },
            "CME": {
                    "2405": "CME"
            }
    };

获取第一级的每个值

$.each( json, function( key, value ) {
    console.log( key  );
});

根据您的第一个输入获取第二级值

input = 'AL2';
$.each( json[input], function( key, value ) {
    console.log( key + ' : ' + value  );
});

希望这对您有帮助。