jsp+javascript打造级连菜单的实例代码
<%@pageimport="java.util.Date,yava.fileapp.*,java.sql.*;"
contentType="text/html;charset=GB2312"pageEncoding="GB2312"
%>
<style>
.f9{font-size:9pt;}
.bgc{background-color:#AECAF9;color:#0033FF}
.buttons{font-family:Arial;font-size:13px;font-weight:bold;background-color:#6796E4;color:white;border-top:solid2px#AACAFB;
border-bottom:solid1px#4E7DC1;
border-left:solid1px#AECAF9;
border-right:solid1px#5679BD;
padding:1px;
margin:0px;}
</style>
<SCRIPTLANGUAGE="JavaScript">
<!--
functionrv()
{
varval="";
for(i=0;i<combo_box.list2.length;i++){
val+=","+combo_box.list2[i].value;
}
if(val.charAt(0)==","){
val=val.substr(1,val.length);
}
opener.form1.frecname.value=val;
self.close();
}
//-->
</SCRIPT>
<bodyleftmargin="0"topmargin="0"marginwidth="0"marginheight="0">
<jsp(SUN企业级应用的首选):useBeanid="user"scope="session"class="yava.fileapp.UserBean"/>
<%
CDataSourceds=newCDataSource(); //数据联结Bean实例
java.sql.Connectionconn=ds.getConnection();
java.sql.Statementstmt=null;
java.sql.ResultSetrs=null;
CDataCheckdc=newCDataCheck();
%>
<%
Stringsqlu="SELECTt1.fno,t1.fname,t2.fnameASfdeptFROMtusert1LEFTOUTERJOINTDeptt2ONt1.fdept=t2.fnoorderbyt2.fname";
stmt=conn.createStatement();
rs=stmt.executeQuery(sqlu);
%>
<scriptlanguage=Javascript>
arr=newArray();
<% inttemp=0;
while(rs.next())
{
%>
arr[<%=temp%>]=newArray("<%=rs.getString("fname")%>","<%=rs.getString("fdept")%>");
<%
temp=temp+1;
}
%>
temp=<%=temp%>;
functionChangeLocation(id){
document.combo_box.city.length=0;//初始化第2级菜单的长度,下标从0开始
vari=0;
document.combo_box.city.options[0]=newOption(-------,);
for(i=0;i<temp;i++){
if(arr[i][1]==id){//如果相等,证明在第2级里面有输入第1级组织的子集,arr[总数目][部门]
document.combo_box.city.options[document.combo_box.city.length]=newOption(arr[i][0],arr[i][0]);
}
}
}
</script>
<formname="combo_box">
<tableborder="0"cellspacing="0"cellpadding="0"height="210"width="59">
<trheight="24">
<tdbgcolor="#336699"class="buttons"align=center><fontcolor=#ffffff>部门选择</font></td>
<tdbgcolor="#336699"class="buttons"align=center><fontcolor=#ffffff>人名选择</font></td>
相关文章
- 【说站】javascript中null和undefined的区别
- 【说站】javascript冒泡排序如何实现
- javascript uint8数组和uint32之间的转换
- javascript 时间格式输出FormatDate函数详解编程语言
- JSP jsp:getProperty:数据获取标签
- JSP jsp:setProperty:属性值设定标签
- JSP jsp:forward:请求转发标签
- Linux下运行JSP程序入门指南(linux运行jsp)
- jsp基于ASP、MySQL、JSP开发高效网站(aspmysql)
- 从MySQL数据库读取数据:使用JSP实现(jsp读取mysql)
- 使用JSP搭建连接SQL Server 2008数据库的Web系统(jsp连接sqlserver2008)
- 简单搭建JSP与SqlServer的数据库连接(jsp连接sqlserver)
- JSP与MySQL的完美结合:学习如何调用数据库(jsp调用mysql)
- Jsprime——一款JavaScript静态安全分析工具
- JSP与MySQL实现登录系统(jsp mysql 登陆)
- JSP和Oracle结合快速搭建Web应用框架(jsp oracle搭建)
- JavaScript基本对象
- JavaScript加密解密7种方法总结分析
- JavaScript联动的无限级封装类,数据采用非Ajax方式,随意添加联动
- javascript中IE浏览器不支持NEWDATE()带参数的解决方法
- javascript在firebug调试时用console.log的方法
- JavaScript中对循环语句的优化技巧深入探讨
- JSP中使用JavaScript动态插入删除输入框实现代码
- 在JavaScript里防止事件函数高频触发和高频调用的方法