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

最新推荐文章于 2024-04-28 13:37:45 发布

倔强旋律

最新推荐文章于 2024-04-28 13:37:45 发布

阅读量928

点赞数 1

文章标签： javascript 级联下拉菜单

本文链接：https://blog.csdn.net/ganshengcai/article/details/51371478

版权

<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" οnchange="getScore()"></select>
科目成绩：<select id="score"></select>
<script>
getName();
</script>
</body>

倔强旋律

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
实现一个简单的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"]; ar
复制链接

扫一扫