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

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

这是HTML

 
  base Amity University Indraprasth University  
  Base  
  
  
  
  

这是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] ，我知道的原因，因为这是arrays。 但价值应该来自当前空头的路线下拉。

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

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

提前致谢。