jsp+javascript打造级连菜单的实例代码


Posted in Javascript onJune 14, 2013

 

  <%@ page import="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: solid 2px #AACAFB;
    border-bottom: solid 1px #4E7DC1;
    border-left: solid 1px #AECAF9;
    border-right: solid 1px #5679BD;
    padding:1px;
    margin:0px;}
  </style>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  function rv()
  {
    var val="";
    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>
  <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  <jsp(SUN企业级应用的首选):useBean id="user" scope="session" class="yava.fileapp.UserBean" />
  <%
    CDataSource ds=new CDataSource();  //数据联结Bean实例
    java.sql.Connection conn=ds.getConnection();
    java.sql.Statement stmt=null;
    java.sql.ResultSet rs=null;
    CDataCheck dc=new CDataCheck();
  %> 
 
  <%
   String sqlu="SELECT t1.fno, t1.fname, t2.fname AS fdept FROM tuser t1 LEFT OUTER JOIN TDept t2 ON t1.fdept = t2.fno order by t2.fname";
   stmt=conn.createStatement();
   rs=stmt.executeQuery(sqlu);
  %>
   <script language=Javascript>
   arr = new Array();
  <%  int temp=0;
   while(rs.next())
   {
  %>
   arr[<%=temp%>]=new Array("<%=rs.getString("fname")%>","<%=rs.getString("fdept")%>");
  <%
   temp = temp + 1;
   }
  %>
  temp=<%=temp%>;
  function ChangeLocation(id){ 
  document.combo_box.city.length=0; //初始化第2级菜单的长度,下标从0开始 
  var i = 0; 
  document.combo_box.city.options[0]=new Option(-------,); 
  for(i=0;i<temp;i++){ 
  if(arr[i][1]==id){//如果相等,证明在第2级里面有输入第1级组织的子集,arr[总数目][部门] 
  document.combo_box.city.options[document.combo_box.city.length] = new Option(arr[i][0], arr[i][0]); 
  } 
  } 
  } 
  </script>
  <form name="combo_box">
  <table border="0" cellspacing="0" cellpadding="0" height="210" width="59">
  <tr height="24">
    <td bgcolor="#336699" class="buttons" align=center><font color=#ffffff>部门选择</font></td>
    <td bgcolor="#336699" class="buttons" align=center><font color=#ffffff>人名选择</font></td>
Javascript 相关文章推荐
JavaScript 学习 - 提高篇
Feb 02 Javascript
javascript之可拖动的iframe效果代码
Aug 01 Javascript
简单实现js间歇或无缝滚动效果
Jun 29 Javascript
BootStrap组件之进度条的基本用法
Jan 19 Javascript
使用node.js对音视频文件加密的实例代码
Aug 30 Javascript
微信小程序实现运动步数排行功能(可删除)
Jul 05 Javascript
Layui数据表格之获取表格中所有的数据方法
Aug 20 Javascript
详解微信小程序-canvas绘制文字实现自动换行
Apr 26 Javascript
layui实现form表单同时提交数据和文件的代码
Oct 25 Javascript
基于原生js实现判断元素是否有指定class名
Jul 11 Javascript
jQuery实现放大镜案例
Oct 19 jQuery
jquery插件实现搜索历史
Apr 24 jQuery
JavaScript实现网页上的浮动广告的简单方法
Jun 14 #Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
Jun 13 #Javascript
JQuery 操作/获取table具体代码
Jun 13 #Javascript
js获取dom的高度和宽度(可见区域及部分等等)
Jun 13 #Javascript
如何使Chrome控制台支持多行js模式——意外发现
Jun 13 #Javascript
jQuery插件的写法分享
Jun 12 #Javascript
jQuery 淡出一个图像到另一个图像的实现代码
Jun 12 #Javascript
You might like
php中explode与split的区别介绍
2012/10/03 PHP
thinkphp Apache配置重启Apache1 restart 出错解决办法
2017/02/15 PHP
jQuery ajax+PHP实现的级联下拉列表框功能示例
2019/02/12 PHP
让ie运行js时提示允许阻止内容运行的解决方法
2010/10/24 Javascript
javascript设计模式 接口介绍
2012/07/24 Javascript
js 获取计算后的样式写法及注意事项
2013/02/25 Javascript
js实现iframe跨页面调用函数的方法
2014/12/13 Javascript
jQuery网页选项卡插件rTabs用法实例分析
2015/08/26 Javascript
在IE8上JS实现combobox支持拼音检索功能
2016/05/23 Javascript
详细讲解JavaScript中的this绑定
2016/10/10 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
Angular.JS实现无限级的联动菜单(使用demo)
2017/02/08 Javascript
配置nodejs环境的方法
2017/05/13 NodeJs
详解webpack中的hash、chunkhash、contenthash区别
2018/01/05 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
2018/02/18 jQuery
详解Axios统一错误处理与后置
2018/09/26 Javascript
vue中的适配px2rem示例代码
2018/11/19 Javascript
基于javascript的无缝滚动动画实现2
2020/08/07 Javascript
python ElementTree 基本读操作示例
2009/04/09 Python
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
python的即时标记项目练习笔记
2014/09/18 Python
Python函数参数匹配模型通用规则keyword-only参数详解
2019/06/10 Python
解决.ui文件生成的.py文件运行不出现界面的方法
2019/06/19 Python
下载官网python并安装的步骤详解
2019/10/12 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
简单了解python shutil模块原理及使用方法
2020/04/28 Python
python 利用matplotlib在3D空间中绘制平面的案例
2021/02/06 Python
使用简单的CSS3属性实现炫酷读者墙效果
2014/01/08 HTML / CSS
台湾演唱会订票网站:StubHub台湾
2019/06/11 全球购物
OSPF有什么优点?为什么OSPF比RIP收敛快?
2013/02/13 面试题
临床医学专业毕业生的自我评价
2013/10/17 职场文书
学校志愿者活动总结
2014/06/27 职场文书
2015年毕业生个人自荐书
2015/03/24 职场文书
创业计划书之水果店
2019/07/18 职场文书
vue中data改变后让视图同步更新的方法
2021/03/29 Vue.js
动漫APP软件排行榜前十名,半次元上榜,第一款由腾讯公司推出
2022/03/18 杂记