Cree un menú desplegable en cascada de dos niveles usando JSP+JavaScript

Autor：Eve Cole Fecha de actualización：2009-07-02 17:08:24

JSP+JavaScript crea un menú desplegable en cascada de segundo nivel:

clase (información de columna de primer nivel): classId (numeración automática), className (nombre de columna), Nclass (información de columna secundaria), NclassId (numeración automática), NclassName ( nombre de columna), parentId (id de columna de primer nivel, asociado con classId en la tabla de clases)

<%@ tipo de contenido de página=text/html charset=GB2312 language=java errorPage=../error.jsp %>
<%@ incluir archivo=../conn.jsp%>
<%@ incluir archivo=../ds.jsp%>
<%@ taglib uri=http://java.sun.com/jsp/jstl/sql divfix=sql %>
<%request.setCharacterEncoding(gb2312 %>);

Menú en cascada

<%String sql=select * del orden Nclass por NclassId asc;
Conjunto de resultados rs=stmt.executeQuery(sql);
%>

var un recuento;
una cuenta=0;
subcat = nueva matriz();
<%
recuento int = 0;
mientras(rs.siguiente()){
%>
subcat[<%=count%>] = nueva matriz(<%=rs.getString(NclassName)%>,
<%=rs.getString(NclassId)%>,<%=rs.getString(parentId)%>);
<%
contar++;
}
rs.cerrar();
%>
onecount=<%=count%>;

función cambiar ubicación (ubicaciónid)
{
document.myform.NclassId.length = 0;

var ubicaciónid=ubicaciónid;
var i;
para (i=0;i < una cuenta; i++)
{
si (subcat[i][2] == ID de ubicación)
{
document.myform.NclassId.options[document.myform.NclassId.length] = nuevo
Opción(subcat[i][0], subcat[i][1]);
}
}

}

Clasificación de primer nivel

[document.myform.classId.selectedIndex].valor) tamaño=1>
==Por favor seleccione una categoría de primer nivel==

SELECCIONAR * DE la clase

$

Seleccione una categoría secundaria

==Por favor seleccione la categoría de segundo nivel==

<%@ tipo de contenido de página=text/html charset=GB2312 language=java errorPage=../error.jsp %>
<%@ incluir archivo=../conn.jsp%>
<%@ incluir archivo=../ds.jsp%>
<%@ taglib uri=http://java.sun.com/jsp/jstl/sql divfix=sql %>
<%request.setCharacterEncoding(gb2312 %>);