高清日韩欧美,丝袜在线观看,在线中文字幕第一页

用JSP+JavaScript打造二級級聯下拉菜單

來源：易賢網閱讀：1678 次日期：2015-01-27 14:41:02

溫馨提示：易賢網小編為您整理了“用JSP+JavaScript打造二級級聯下拉菜單”,方便廣大網友查閱！

class(一級欄目信息）：classId(自動編號），className（欄目名稱）, Nclass（二級欄目信息）, NclassId（自動編號），NclassName(欄目名稱），parentId（一級欄目id，與class表中的classId關聯）<%@ page contentType=text/html; charset=GB2312 language=java errorPage=../error.jsp %>

<%@ include file=../conn.jsp%>

<%@ include file=../ds.jsp%>

<%@ taglib uri=http://java.sun.com/jsp/jstl/sql divfix=sql %>

<%request.setCharacterEncoding(gb2312); %>

</HEAD>

<%String sql=select * from Nclass order by NclassId asc;

ResultSet rs=stmt.executeQuery(sql);

var onecount;

onecount=0;

subcat = new Array();

int count = 0;

while(rs.next()){

subcat[<%=count%>] = new Array(<%=rs.getString(NclassName)%>,

<%=rs.getString(NclassId)%>,<%=rs.getString(parentId)%>);

count++;

}

rs.close();

onecount=<%=count%>;

function changelocation(locationid)

{

document.myform.NclassId.length = 0;

var locationid=locationid;

var i;

for (i=0;i < onecount; i++)

{

if (subcat[i][2] == locationid)

{

document.myform.NclassId.options[document.myform.NclassId.length] = new

Option(subcat[i][0], subcat[i][1]);

}

</script>

<TABLE>

<TR>

<TD>　

<SELECT name=classId onChange=changelocation(document.myform.classId.options

[document.myform.classId.selectedIndex].value) size=1>

<OPTION selected value>==請選一級分類==</OPTION>

<sql:query var=query dataSource=$>

SELECT * FROM class

</sql:query>

<c:forEach var=row items=$>

</c:forEach>

</select>

</TD>

<TD>選擇二級分類</TD>

<TD>

<OPTION selected value>==請選二級分類==</OPTION>

</SELECT>

</TD>

</TR>

</TABLE>

</FORM>

</BODY>

</HTML>

<%@ page contentType=text/html; charset=GB2312 language=java errorPage=../error.jsp %>

<%@ include file=../conn.jsp%>

<%@ include file=../ds.jsp%>

<%@ taglib uri=http://java.sun.com/jsp/jstl/sql divfix=sql %>

<%request.setCharacterEncoding(gb2312); %>

</HEAD>

<%String sql=select * from Nclass order by NclassId asc;

ResultSet rs=stmt.executeQuery(sql);

var onecount;

onecount=0;

subcat = new Array();

int count = 0;

while(rs.next()){

subcat[<%=count%>] = new Array(<%=rs.getString(NclassName)%>,

<%=rs.getString(NclassId)%>,<%=rs.getString(parentId)%>);

count++;

}

rs.close();

onecount=<%=count%>;

function changelocation(locationid)

{

document.myform.NclassId.length = 0;

var locationid=locationid;

var i;

for (i=0;i < onecount; i++)

{

if (subcat[i][2] == locationid)

{

document.myform.NclassId.options[document.myform.NclassId.length] = new

Option(subcat[i][0], subcat[i][1]);

}

</script>

<TABLE>

<TR>

<TD>　

<SELECT name=classId onChange=changelocation(document.myform.classId.options

[document.myform.classId.selectedIndex].value) size=1>

<OPTION selected value>==請選一級分類==</OPTION>

<sql:query var=query dataSource=$>

SELECT * FROM class

</sql:query>

<c:forEach var=row items=$>

</c:forEach>

</select>

</TD>

<TD>選擇二級分類</TD>

<TD>

<OPTION selected value>==請選二級分類==</OPTION>

</SELECT>

</TD>

</TR>

</TABLE>

</FORM>

</BODY>

</HTML>

更多信息請查看IT技術專欄

上一篇：在JSP環境中配置使用fckeditor詳細講解

下一篇：JSP中的pageEncoding和contentType屬性

易賢網手機網站地址：用JSP+JavaScript打造二級級聯下拉菜單

由于各方面情況的不斷調整與變化，易賢網提供的所有考試信息和咨詢回復僅供參考，敬請考生以權威部門公布的正式信息和咨詢為準！

相關閱讀腳本欄目

Bottle框架中的裝飾器類和描述符應用詳解10月30日

Python探索之SocketServer詳解10月30日

Python探索之實現一個簡單的HTTP服務器10月30日

python探索之BaseHTTPServer-實現Web服務器介紹10月30日

13個最常用的Python深度學習庫介紹10月30日

深入理解Python中的*重復運算符10月30日

python logging日志模塊詳解10月30日

System表空間不足的報警問題淺析10月22日

Android開發自定義TextView省略號樣式的方法10月22日

MySQL 清除表空間碎片的實例詳解10月22日

Ubuntu下MySQL安裝及配置遠程登錄教程10月22日

Python 2.x如何設置命令執行的超時時間實例10月22日

windows 64位下redis安裝教程10月22日

Android 自定義 HorizontalScrollView 打造多圖片OOM 的橫向滑動效果10月22日

淺談Node Inspector 代理實現10月22日

java web開發之購物車功能實現示例代碼10月22日

Android開發中GridView用法示例10月22日

Django ORM框架的定時任務如何使用詳解10月22日

SpringMail使用過程中的報錯解決辦法10月22日

Android 使用自定義RecyclerView控件實現Gallery效果10月22日

易賢網移動網站

2026國考·省考課程試聽報名

報班類型
姓名
手機號
驗證碼

中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久