1.     首先做好课程表静态页面(可用Sublime，Dreawvear等开发工具编写，本人用Sublime编写，代码稍后附上)

2.     数据库设计(可用access数据库、sql数据库或者mysql数据库，根据自己习惯选用数据库，本人选用access数据库。注意：连接不同数据库需要不同数据库驱动，自行百度下载)

课程表效果图

1.实现select下拉列表的二级联动；

(何为select二级联动:当我在第一个下拉列表选中一个固定的选项之后，第二个下拉列表自动填充相对应选项)

2.实现不同院/系部、不同专业、不同学期的课程表查询

3.读取数据库信息时，使得数据库为null的信息显示在页面上为空字符；

附完整代码

步骤解析：

1.      将两个select分别命名为select1和select2，并且分别定义其id为s1和s2，value为s1和s2，同时定义一个函数，代码如下：

       电子信息学院

       机电工程学院

       财经管理学院

       工商管理学院

        16计算机1班

        16计算机2班

2.      编写move函数(代码附有解释)

function move(){

     vars1=document.getElementById("s1");

     vars2=document.getElementById("s2");

       /*   */

     var add;

     if(s1.value=="DZ"){

     add=new Array("16计算机1班","16计算机2班");//new 来创建数组对象。该代码定义了一个名为 Array 的数组对象，用来存储变量

        /* */

     }else if(s1.value=="JD"){

     add=new Array("16机器设计与制造1班","16机器设计与制造2班");      

  }else if(s1.value=="CJ"){

     add=new Array("16财务管理1班","16财务管理2班");

            }else if(s1.value=="GS"){

         add=new Array("16物流管理1班","16物流管理2班");

               }else if(s1.value=="s1") {

          add=new Array("16计算机1班","16计算机2班");

        }else{

     add=null; /**/  

      }

      s2.length=0;

      for(var i=0;i*/       

      }

 }

      步骤解析：

1.  在web项目中新建一个schedule1.jsp的页面，将做好的静态页面粘贴到schedule1.jsp中，运行；

2.  设计数据库（本人用access数据库，数据类型除了id为自动编号其余全部为文本，课程信息则自己根据实际加入即可，详情看附图）

3. 连接access数据库实现查询功能，代码如下（前提：数据库驱动已经部署完毕）

1.该段代码放在body下面即可：

                     odbcQuery="select top 6 * from schedule ";

               }

               else{

                    odbcQuery="select top 6 * from schedule1 where id>6  order by id asc";     

               }

           }    

       }

       else{

           odbcQuery="select * from schedule1";

       }

   }

    else

         odbcQuery="selecttop 6 * from schedule1 where id>12 order by id asc";

try{

Class.forName("com.hxtt.sql.access.AccessDriver");

}

catch(ClassNotFoundExceptione){}

ResultSetrs; //建立ResultSet(结果集)对象

try {

       String path="jdbc:Access:///"+getServletContext().getRealPath("/").replaceAll("\\\\", "/")+"jiaoyu.mdb";

       Connection con = DriverManager.getConnection(path);     

       Statement sql=con.createStatement();

       rs = sql.executeQuery(odbcQuery); //执行SQL语句

%>

2.在两个tr表格之间放进以下代码