📄 14-3.htm
字号:
<html>
<head>
<title>§14.3 多级下拉菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div align="center">多级下拉菜单</div>
<div align="center">
<form name="isc">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>请选择章节</option>
<option>第一章</option>
<option>第二章</option>
</select>
<br>
<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected>二级菜单</option>
</select>
<br>
<select name="stage3" size="1">
<option value=" " selected>三级菜单</option>
</select></table>
</form></div>
<script language="JavaScript">
<!--
var groups=document.isc.example.options.length;
var group=new Array(groups);
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("二级菜单"," ");
group[1][0]=new Option("请选择1章中的内容","");
group[1][1]=new Option("1.1项目","11");
group[1][2]=new Option("1.2项目","12");
group[1][3]=new Option("1.3项目","13");
group[2][0]=new Option("请选择1章中的内容","");
group[2][1]=new Option("2.1项目","21");
group[2][2]=new Option("2.2项目","22");
var temp=document.isc.stage2
function redirect(x)
{
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null;
for (i=0;i<group[x].length;i++)
{
temp.options[i]=new Option(group[x][i].text,group[x][i].value);
}
temp.options[0].selected=true;
redirect1(0);
}
var secondGroups=document.isc.stage2.options.length;
var secondGroup=new Array(groups);
for (i=0; i<groups; i++)
{
secondGroup[i]=new Array(group[i].length);
for (j=0; j<group[i].length; j++)
{
secondGroup[i][j]=new Array();
}
}
secondGroup[0][0][0]=new Option("三级菜单"," ");
secondGroup[1][0][0]=new Option("三级菜单"," ");
secondGroup[1][1][0]=new Option("1.1内容"," ");
secondGroup[1][1][1]=new Option("1.1.1节","111");
secondGroup[1][1][2]=new Option("1.1.2节","112");
secondGroup[1][1][3]=new Option("1.1.3节","113");
secondGroup[1][2][0]=new Option("1.2内容"," ");
secondGroup[1][2][1]=new Option("1.2.1节","121");
secondGroup[1][2][2]=new Option("1.2.2节","122");
secondGroup[1][2][3]=new Option("1.2.3节","123");
secondGroup[1][3][0]=new Option("1.3内容"," ");
secondGroup[1][3][1]=new Option("1.3.1节","131");
secondGroup[1][3][2]=new Option("1.3.2节","132");
secondGroup[2][0][0]=new Option("三级菜单"," ");
secondGroup[2][1][0]=new Option("2.1内容"," ");
secondGroup[2][1][1]=new Option("2.1.1节","211");
secondGroup[2][1][2]=new Option("2.1.2节","212");
secondGroup[2][1][3]=new Option("2.1.3节","213");
secondGroup[2][2][0]=new Option("2.2内容"," ");
secondGroup[2][2][1]=new Option("2.2.1节","221");
secondGroup[2][2][2]=new Option("2.2.2节","222");
var temp1=document.isc.stage3;
function redirect1(y)
{
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null;
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++)
{
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value);
}
temp1.options[0].selected=true;
}
//-->
</script>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -