- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>二位数组实现的选老师及其所教授的课程by百世经纶之傲笑红尘</title>
- <script type="text/javascript">
- alert("Power By 百世经纶之傲笑红尘 ,请尊重我的劳动成果")
- var Teacher=new Array();
- Teacher[0]=new Array();
- Teacher[1]=new Array();
- Teacher[2]=new Array();
- Teacher[3]=new Array();
- Teacher[0][0]="--请选择--";
- Teacher[1][0]="请选择";
- Teacher[1][1]="1号老师的数学";
- Teacher[1][2]="1号老师的语文";
- Teacher[2][0]="--请选择--";
- Teacher[2][1]="2号老师的数学";
- Teacher[2][2]="2号老师的语文";
- Teacher[3][0]="--请选择--";
- Teacher[3][1]="3号老师的数学";
- Teacher[3][2]="3号老师的语文";
- function ChangeTeacher(){
- var i,iClassCount,iTeacherIndex;
- iTeacherIndex=document.frm.Teacher.selectedIndex;
- iClassCount=0;
- while(Teacher[iTeacherIndex][iClassCount]!=null)
- iClassCount++;
- document.frm.Class.length=iClassCount;
- for(i=0;i<=iClassCount-1;i++)
- document.frm.Class[i]=new Option(Teacher[iTeacherIndex][i]);
- document.frm.Class.focus();
- }
- </script>
- </head>
- <body onfocus="ChangeTeacher()">
- <h3>请选择老师及其所教授的课程</h3>
- <form name="frm">
- <p>老师:
- <select name="Teacher" size="1" onchange="ChangeTeacher()">
- <option>--请选择--</option>
- <option>1号老师</option>
- <option>2号老师</option>
- <option>3号老师</option>
- </select>
- 课程:
- <select name="Class" size="1">
- <option>--请选择--</option>
- <option>1号老师的数学</option>
- <option>1号老师的语文</option>
- <option>2号老师的数学</option>
- <option>2号老师的语文</option>
- <option>3号老师的数学</option>
- <option>3号老师的语文</option>
- </select>
- </p>
- </form>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/1609201513693.html
来源: http://www.codesnippet.cn/detail/1609201513693.html