1755
社区成员
3.7w+
社区内容
- 主页
关于下列框的问题，老师让明天交的哦！！
是两个下列框，选中第一个中的任意一个，在第二个中显示相应的选项。
比如第一个中选“我的大学”第二个中就显示“北京大学”“清华大学”
第一个选中“我的小学” 第二个显示“林中小学”“安阳小学”
望各位大虾帮忙啊！！
比如第一个中选“我的大学”第二个中就显示“北京大学”“清华大学”
第一个选中“我的小学” 第二个显示“林中小学”“安阳小学”
望各位大虾帮忙啊！！
...全文
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>
<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