📄 twoselect.jsp
字号:
<%@ page contentType="text/html;charset=gb2312" %>
<%@ page import="java.sql.*" %>
<%@ page import="java.util.*" %>
<%@ page import="java.text.*" %>
<HTML>
<HEAD>
<TITLE>JavaScript实现级联菜单</TITLE>
<LINK href="css/css.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<DIV align=center>
<CENTER>
<form name="main" method="post" action="article_save.jsp">
<TABLE id=AutoNumber1 style="FONT-SIZE: 10pt; BORDER-COLLAPSE: collapse"
borderColor=#c0c0c0 cellPadding=0 width=760 border=1>
<TBODY>
<TR>
<TD align=middle width=750 bgColor=#f2f2f2 colSpan=2>
</TD>
</TR>
<TR>
<TD align=middle width=68>大 类</TD>
<TD width=682> <select name="maintype" onChange="javaScript:changemaintype(document.main.maintype.options[document.main.maintype.selectedIndex].value);">
<!--下面的下拉框数据可以自己改成从数据库读出的-->
<option value="">--请选择--</option>
<option value="1">JAVA技术</option>
<option value="2">设计研究</option>
<option value="3">数据库技术</option>
<option value="4">项目开发</option>
<option value="5">最新技术</option>
</select>
</TD></TR>
<script language = "JavaScript">
var subcat1 = new Array();
subcat1[0] = new Array("1","1","jsp与servlet技术");
subcat1[1] = new Array("1","2","javascript技术");
subcat1[2] = new Array("1","4","javabean技术");
subcat1[3] = new Array("1","5","EJB技术");
subcat1[4] = new Array("1","6","web service技术");
subcat1[5] = new Array("1","7","应用服务器技术");
subcat1[6] = new Array("1","9","JAVA综合知识");
subcat1[7] = new Array("2","1","设计模式");
subcat1[8] = new Array("2","2","设计架构");
subcat1[9] = new Array("2","4","设计综合知识");
subcat1[10] = new Array("3","1","MYSQL");
subcat1[11] = new Array("3","2","SQL Server");
subcat1[12] = new Array("3","3","Sybase");
subcat1[13] = new Array("3","4","Oracle");
subcat1[14] = new Array("3","5","DB2");
subcat1[15] = new Array("3","6","数据库综合知识");
subcat1[16] = new Array("4","1","项目开发");
subcat1[17] = new Array("5","1","最新技术");
var js_count=18;
function changemaintype(locationid)
{
document.main.detailtype.options[0] = new Option("--请选择--", "");
document.main.detailtype.length = 1;
var locationid=locationid;
var ii;
for (ii=0;ii < js_count; ii++)
{
if ((subcat1[ii][0] == locationid))
{
document.main.detailtype.options[document.main.detailtype.length] = new Option(subcat1[ii][2], subcat1[ii][1]);
}
}
//alert(locationid);
}
</script>
<TR>
<TD align=middle width=68>小 类</TD>
<TD width=682> <select name="detailtype">
<option value="">--请先选择大类--</option>
</select>
</TD></TR>
</TBODY></TABLE>
</BODY>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -