Buat menu tarik-turun berjenjang dua tingkat menggunakan JSP+JavaScript

JSP+JavaScript membuat menu drop-down bertingkat kedua:

class (informasi kolom tingkat pertama): classId (penomoran otomatis), className (nama kolom), Nclass (informasi kolom sekunder), NclassId (penomoran otomatis), NclassName ( nama kolom), parentId (id kolom tingkat pertama, terkait dengan classId di tabel kelas)

<%@ halaman contentType=teks/html; charset=GB2312 bahasa=java errorPage=../error.jsp %>
<%@ sertakan file=../conn.jsp%>
<%@ sertakan file=../ds.jsp%>
<%@ taglib uri=http://java.sun.com/jsp/jstl/sql divfix=sql %>
<%permintaan.setCharacterEncoding(gb2312);

<%String sql=pilih * dari urutan Nclass oleh NclassId asc;
HasilSet rs=stmt.executeQuery(sql);
%>


var satu hitungan;
satu hitungan = 0;
subcat = Array baru();
<%
int hitungan = 0;
while(rs.next()){
%>
subcat[<%=count%>] = Array baru(<%=rs.getString(NclassName)%>,
<%=rs.getString(NclassId)%>,<%=rs.getString(parentId)%>);
<%
hitung++;
}
rs.close();
%>
satuhitungan=<%=hitungan%>;

fungsi perubahanlokasi(lokasiid)
{
document.myform.NclassId.length = 0;

var locationid=locationid;
var saya;
untuk (i=0;i < satu hitungan; i++)
{
if (subcat[i][2] == lokasiid)
{
document.myform.NclassId.options[document.myform.NclassId.length] = baru
Pilihan(subkucing[i][0], subkucing[i][1]);
}
}

}

Klasifikasi tingkat pertama

[document.myform.classId.selectedIndex].value) ukuran=1>
==Silakan pilih kategori tingkat pertama==

PILIH * DARI kelas


$



Pilih kategori sekunder


==Silakan pilih kategori tingkat kedua==








<%@ halaman contentType=teks/html; charset=GB2312 bahasa=java errorPage=../error.jsp %>
<%@ sertakan file=../conn.jsp%>
<%@ sertakan file=../ds.jsp%>
<%@ taglib uri=http://java.sun.com/jsp/jstl/sql divfix=sql %>
<%permintaan.setCharacterEncoding(gb2312);

<%String sql=pilih * dari urutan Nclass oleh NclassId asc;
HasilSet rs=stmt.executeQuery(sql);
%>


var satu hitungan;
satu hitungan = 0;
subcat = Array baru();
<%
int hitungan = 0;
while(rs.next()){
%>
subcat[<%=count%>] = Array baru(<%=rs.getString(NclassName)%>,
<%=rs.getString(NclassId)%>,<%=rs.getString(parentId)%>);
<%
hitung++;
}
rs.close();
%>
satuhitungan=<%=hitungan%>;

fungsi perubahanlokasi(lokasiid)
{
document.myform.NclassId.length = 0;

var locationid=locationid;
var saya;
untuk (i=0;i < satu hitungan; i++)
{
if (subcat[i][2] == lokasiid)
{
document.myform.NclassId.options[document.myform.NclassId.length] = baru
Pilihan(subkucing[i][0], subkucing[i][1]);
}
}

}

Klasifikasi tingkat pertama

[document.myform.classId.selectedIndex].value) ukuran=1>
==Silakan pilih kategori tingkat pertama==

PILIH * DARI kelas


$



Pilih kategori sekunder


==Silakan pilih kategori tingkat kedua==