请看http://expert.csdn.net/Expert/topic/1965/1965486.xml?temp=.9115717

解决方案 »

  1.   


    <%@ page contentType="text/html;charset=GBK"%>
    <%@page import="java.sql.ResultSet"%>
    <%@page import="java.text.*"%>
    <%@page import="java.util.Date"%>
    <%@page import="DataBase.*"%>
    <jsp:useBean id="p" scope="page" class="page.page"/>
    <%  
       ResultSet rs=null;
    String depid="";
    opendb op=null;
    String  departmentid="";
      int count=0;
     String name1="";
    try{
    op=new opendb();
    %><SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    var arrItems1 = new Array();
    var arrItemsGrp1 = new Array();
    <%
    rs=op.getdb("select name,operator_id,usercount,department_id from tb_operator");
    while(rs.next()){
       count++;
       name1=rs.getString("usercount");
    %>
    arrItems1[<%=count%>] = <%="\""+name1+"\""%>;
    arrItemsGrp1[<%=count%>] = <%=rs.getInt("department_id")%>;
    <%}rs.close(); 
    %>function selectChange(control, controlToPopulate, ItemArray, GroupArray)
    {
    var myEle ;
    var x ;
    // Empty the second drop down box of any choices
    for (var q=controlToPopulate.options.length;q>=0;q--) controlToPopulate.options[q]=null;myEle = document.createElement("option") ;
    myEle.value = 0 ;
    myEle.text = "[SELECT]" ;
    controlToPopulate.add(myEle) ;
    for ( x = 0 ; x < ItemArray.length  ; x++ )
    {
    if ( GroupArray[x] == control.value )
    {
    myEle = document.createElement("option") ;
    myEle.value = x ;
    myEle.text = ItemArray[x] ;
    controlToPopulate.add(myEle) ;
    }
    }
    }
    //  End -->
    </script><form name=myChoices>
    <table align="center">
    <tr>
    <td>
    <SELECT id=firstChoice name=firstChoice onchange="selectChange(this, myChoices.secondChoice, arrItems1, arrItemsGrp1);">
    <option value=0 SELECTED>[SELECT]</option>
    <%rs=op.getdb("select department_id,department_name from tb_department ");
    while(rs.next())
    {%>
    <option value=<%=rs.getInt("department_id")%>><%=rs.getString("department_name")%></option>
          <%}rs.close();%>
    </SELECT>
    </TD><TD>
    <SELECT id=secondChoice name=secondChoice >
    </SELECT>
    </TD>
    </TR>
    </TABLE>
    </form>
    <% 
     } finally{
        op.conclose();
    }%>
      

  2.   

    CSDN  javascript版FAQ中有很经典的例子,可支持四级联动