关于下列框的问题，老师让明天交的哦！！

baiyong101 2004-12-23 10:44:49

是两个下列框，选中第一个中的任意一个，在第二个中显示相应的选项。
比如第一个中选“我的大学”第二个中就显示“北京大学”“清华大学”
第一个选中“我的小学” 第二个显示“林中小学”“安阳小学”

望各位大虾帮忙啊！！

...全文

73 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

netbooting 2004-12-25

打赏
举报

在onchange事件里写代码就可以了

nchen123 2004-12-23

打赏
举报

随手写的，以实现目标为目的，没有封装 :)

nchen123 2004-12-23

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="木野狐">
<meta name="keywords" content="">
<meta name="description" content="">
</head>

<body>

<select id="sel1" onchange="doChange()"></select>
<select id="sel2"></select>

<script language="javascript">
var arr = [
['我的大学', ['北京大学', '清华大学']],
['我的小学', ['林中小学', '安阳小学']],
['我的爱好', ['编程', '吃饭', '睡觉', '听音乐']]
];
for (var i = 0; i < arr.length; i++) {
sel1.options[sel1.options.length] = new Option(arr[i][0], arr[i][0]);
}
doChange();

function doChange() {
sel2.options.length = 0;

for (var i = 0; i < arr.length; i++) {
if (arr[i][0] == sel1.options[sel1.options.selectedIndex].text) {
for (var j = 0; j < arr[i][1].length; j++) {
sel2.options[sel2.options.length] = new Option(arr[i][1][j], arr[i][1][j]);
}
}
}
}
</script>

</body>
</html>