Question

我有一个JSON数据，其值应使用Javascript变量获取。

这是HTML

<body>

<form action="#" action="get">

    <select name="college" id="college" onchange="selection('college', 'course')">
        <option value="base">base</option>
        <option value="amity">Amity University</option>
        <option value="indraprastha">Indraprasth University</option>
    </select>

    <br>
    <select name="course" id="course" >
        <option value="base">Base</option>
    </select>

    <br>
    <select name="stream" id="stream"></select>

    <br>
    <select name="sem" id="sem"></select>

    <br>
    <select name="subject" id="subject"></select>

</form>
</body>

这里是JSON

{
"amity": [
    {
        "name": "B.Tech,btech"
    },
    {
        "name": "M.tech,mtech"
    }
],

"indraprastha": [
    {
        "name": "B.Tech,btech"
    },
    {
        "name": "Mtech,mtech"
    }
]
}

这里是JS

function selection(s1, s2) {
var first = document.getElementById(s1),
    second = document.getElementById(s2);

$.getJSON("json/list.json", function(data) {        
    var college = $('#college').val();

    $.each(data[college][0], function(key, value) {
        alert(value);

    });

  });
}

现在的问题是，使用大学的第一个下拉菜单，我可以使用.val()函数获得大学的价值。但是对于动态的第二个下拉列表，我想要JSON的大学数据数组中的值，但由于某种原因，除非附加数组索引[0]，否则我无法访问它，我知道的原因，因为它的阵列。但价值应该来自当前空白的当然下降。

我希望amity数据数组中的所有值都进入第二个下拉列表。然后我可以像data[college][course]

那样访问它

是否有任何解决方案可以访问完整的amity数组并获取其所有对象。另外，您能否建议创建至少3-4级动态下拉菜单的文章。

提前致谢。

JSON访问来自Javascript变量的值来自select菜单

0 个答案: