关于下列框的问题,老师让明天交的哦!!

baiyong101 2004-12-23 10:44:49
是两个下列框,选中第一个中的任意一个,在第二个中显示相应的选项。
比如第一个中选“我的大学”第二个中就显示“北京大学”“清华大学”
第一个选中“我的小学” 第二个显示“林中小学”“安阳小学”

望各位大虾帮忙啊!!
...全文
42 点赞 收藏 4
写回复
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>
回复 点赞
孟子E章 2004年12月23日
http://dotnet.aspx.cc/Exam/MultiSelect.zip
回复 点赞
发动态
发帖子
非技术区
创建于2007-09-28

1755

社区成员

3.7w+

社区内容

Web 开发 非技术区
社区公告
暂无公告