您的位置：首页 > Web前端 > JavaScript

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

2016-05-11 08:46 603 查看

<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
.length;i++){
s.add(new Option(arr
[i]),null);
}
}
</script>

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript 级联下拉菜单

相关文章推荐

新的分享

章节导航