关于三级联动菜单的问题

我想让班级也可以选择，不知道要怎么写。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT=""><script type="text/javascript">
     var major=[
 ["计算机","通信","软件工程","自动化","电信","信息与计算科学"],
     ["经济学","金融学","电子商务","国际贸易"],
     ["日语","英语","中美联合英语"],
     ["建筑学","工业设计","艺术设计","工程管理"],
     ["生化工艺","生物创新"],
     ["新闻学","广告学","法学"],
     ["机制","能源"],
     ["物流管理","财务管理"]
     ];
     
     function getMajor(){
         //获得分院下拉框的对象
         var sltAcademy=document.f1.Academy;
 var sltmajor=document.f1.Major;
         
         //得到对应分院的专业数组
         var academyMajor=major[sltAcademy.selectedIndex - 1];         //清空专业下拉框，仅留提示选项
         sltmajor.length=1;         //将专业数组中的值填充到专业下拉框中
         for(var i=0;i<academyMajor.length;i++){
             sltmajor=new Option(academyMajor[i],academyMajor[i]);
 document.f1.Major.options.add(sltmajor);
         }
     }
</script>
</HEAD><BODY>
<form name="f1">
<table>   <tr><td>请选择个人所在班级<font color="red">*</font></td>
    <td><select name="Academy" onChange="getMajor()">
       <option value="null" selected="selected">请选择所在分院</option>
        <option value="信息科学与工程分院">信息科学与工程分院</option>
        <option value="经济与贸易分院">经济与贸易分院</option>
        <option value="外国语分院">外国语分院</option>
    <option value="土建分院">土建分院</option>
        <option value="生化分院">生化分院</option>
        <option value="法律与传媒分院">法律与传媒分院</option>
        <option value="机电分院">机电分院</option>
        <option value="管理分院">管理分院</option>
         </select>
     <select name="Major" onChange="getCalss()">
          <option selected="selected" value="null">请选择所在专业</option>
     </select>
     <select name="Class" >
          <option selected="selected" value="null">请选择所在班级</option>
      </select></td></tr>
     </table></form>
</BODY></HTML>

解决方案 »

  1.   

    只写了信息科学与工程学院的。
    其他的按格式添上就可以了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <HEAD>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script>
    function getMajor(){  
            //得到对应分院的专业+班级数组
            var academyMajor=major[sltAcademy.selectedIndex - 1];        //清空专业和班级下拉框，仅留提示选项
            sltMajor.length=1;
    sltClass.length=1;

            //将专业数组中的值填充到专业下拉框中
            for(var i=0;i<academyMajor.length;i++){
                document.f1.Major.options.add(new Option(academyMajor[i][0],academyMajor[i][0]));
            }
         }
     function getClass(){
    //得到对应分院下的专业+班级数组
    var majorClass=major[sltAcademy.selectedIndex-1][sltMajor.selectedIndex-1];

    //清空班级下拉框，仅留提示选项
    sltClass.length=1;

    //将专业+数组中的班级值填充到班级下拉框中

    for(var i=1;i<majorClass.length;i++){
    document.f1.Class.options.add(new Option(majorClass[i],majorClass[i]));
    }
    }
    </script>
    </HEAD><BODY>
    <form name="f1">
    <table>   <tr><td>请选择个人所在班级<font color="red">*</font></td>
        <td><select name="Academy" onChange="getMajor();">
           <option value="null" selected="selected">请选择所在分院</option>
            <option value="信息科学与工程分院">信息科学与工程分院</option>
            <option value="经济与贸易分院">经济与贸易分院</option>
            <option value="外国语分院">外国语分院</option>
            <option value="土建分院">土建分院</option>
            <option value="生化分院">生化分院</option>
            <option value="法律与传媒分院">法律与传媒分院</option>
            <option value="机电分院">机电分院</option>
            <option value="管理分院">管理分院</option>
             </select>
         <select name="Major" onChange="getClass();">
              <option selected="selected" value="null">请选择所在专业</option>
         </select>
         <select name="Class" >
              <option selected="selected" value="null">请选择所在班级</option>
          </select></td></tr>
         </table></form><script type="text/javascript">
    //获得分院下拉框的对象
        var sltAcademy=document.f1.Academy;
        var sltMajor=document.f1.Major;
    var sltClass=document.f1.Class;

         var major=[
         [["计算机","计1","计2"],["通信","通1","通2"],["软件工程","软1","软2","软3"],["自动化","自1","自2"],["电信","电1","电2"],["信息与计算科学","信1"]],
         ["经济学","金融学","电子商务","国际贸易"],
         ["日语","英语","中美联合英语"],
         ["建筑学","工业设计","艺术设计","工程管理"],
         ["生化工艺","生物创新"],
         ["新闻学","广告学","法学"],
         ["机制","能源"],
         ["物流管理","财务管理"]
         ];
    </script>
    </BODY></HTML>