实现一个简单的Javascript级联下拉菜单

来源：互联网发布：网络嗅探器编辑：程序博客网时间：2024/05/22 08:54

<script type="text/javascript">var arr = new Array();arr["张小飞"] =["语文80","数学60","英语78","化学40","物理78","地理50"];arr["黄晓明"] =["语文70","数学50","英语80","化学50","物理58","地理66"];arr["谢霆锋"] =["语文60","数学50","英语87","化学60","物理58","地理90"];arr["张学友"] =["语文50","数学45","英语45","化学70","物理58","地理56"];arr["黎明"] =["语文40","数学78","英语35","化学35","物理58","地理66"];arr["郭富城"] =["语文85","数学57","英语50","化学88","物理58","地理66"];function getName(){var name = document.getElementById("name");for(var i in arr){name.add(new Option(i,i),null);}}function getScore(){var name = document.getElementById("name");var s = document.getElementById("score");var n = name.value;s.options.length=0;for(var i=0;i<arr[n].length;i++){s.add(new Option(arr[n][i]),null);}}</script>

<body>学生姓名：<select id="name" onchange="getScore()"></select>科目成绩：<select id="score"></select><script>getName();</script></body>

0 0