js 级联 JSP

<%@ page contentType="text/html;charset=gb2312"%>
<%@ include file="tocn.jsp"%>
<%@ page language="java" import="java.sql.*,com.ExamTable.*"%>
<jsp:useBean id="conn" scope="page" class="com.ExamTable.ConnectionManager"/>
<html>
  <head><title>级联菜单</title></head>
    <body οnlοad="initSel()">
    <SCRIPT LANGUAGE="JavaScript">
        <%
          Connection con=null;
          con=conn.Conn();
          Statement stmt=con.createStatement();
          ResultSet rs=stmt.executeQuery("select * from specialtyinfo where specialtyid<>0");
          int i=0;
        %>
        var arrData=new Array();
        <%
           while(rs.next()){
        %>
                arrData[<%=i%>]=new Array("<%=rs.getString("specialty")%>","<%=rs.getString("specialtyCode")%>");
        <%               
                i++;
        }
        rs.close();
        stmt.close();
        con.close();
                %>
        function initSel() {
   var optStr="";
   for(var i=0;i<arrData.length;i++){
      if(optStr.search("("+arrData[i][0]+")")<0){
         optStr+="("+arrData[i][0]+")";
         var oOptA=document.createElement("OPTION");
         oOptA.value=arrData[i][0];
         oOptA.innerHTML=arrData[i][0];
         form1.selMain.appendChild(oOptA);         
      }
   }
   chgSlave();
}

function chgSlave()
        {
                form1.selSlave.options.length=0;
                for(var i=0;i<arrData.length;i++)
                {
                        if(arrData[i][0]==form1.selMain.value)
                        {
                                var oOptB=document.createElement("OPTION");
                                oOptB.value=arrData[i][1];
                                oOptB.innerHTML=arrData[i][1];
                                form1.selSlave.appendChild(oOptB);
                        }
                }
        }
        </SCRIPT>
     <form name="form1" method="post" action="4.jsp">
           <table>
             <tr>
                    <td>报考专业:<select id="selMain" οnchange="chgSlave()" name="selMain"></select>
                            专业代码:<select id="selSlave" name="selSlave"></select>
                        </td>
                 </tr>
           </table>
         </form>
  </body>
</html>
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值