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 相关文章推荐
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
Jan 03 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
Nov 06 Javascript
javascript中动态加载js文件多种解决办法总结
Nov 15 Javascript
基于jquery实现的可编辑下拉框实现代码
Aug 02 Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 Javascript
Javascript基础回顾之(二) js作用域
Jan 31 Javascript
Angular.JS中select下拉框设置value的方法
Jun 20 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
Jun 29 Javascript
Node.js学习之查询字符串解析querystring详解
Sep 28 Javascript
node.js使用http模块创建服务器和客户端完整示例
Feb 10 Javascript
js实现限定区域范围拖拉拽效果
Nov 20 Javascript
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读取3389的脚本
2014/05/06 PHP
详解PHP匿名函数与注意事项
2016/03/29 PHP
PHP实现的简单排列组合算法应用示例
2017/06/20 PHP
PHP curl批处理及多请求并发实现方法分析
2018/08/15 PHP
jquery.ui.draggable中文文档
2009/11/24 Javascript
判断多个input type=file是否有已经选择好文件的代码
2012/05/23 Javascript
使用jquery mobile做幻灯播放效果实现步骤
2013/01/04 Javascript
JavaScript表达式:URL 协议介绍
2013/03/10 Javascript
jQuery使用之设置元素样式用法实例
2015/01/19 Javascript
7个让JavaScript变得更好的注意事项
2015/01/28 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
jquery实现简单实用的打分程序实例
2015/07/23 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
2016/01/23 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
2016/06/21 Javascript
利用React-router+Webpack快速构建react程序
2016/10/27 Javascript
JavaScript微信定位功能实现方法
2016/11/29 Javascript
使用Angular缓存父页面数据的方法
2017/01/03 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
2017/08/02 Javascript
Bootstrap Table快速完美搭建后台管理系统
2017/09/20 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
2020/09/17 Javascript
原生js生成图片验证码
2020/10/11 Javascript
python创建临时文件夹的方法
2015/07/06 Python
python实现输入数字的连续加减方法
2018/06/22 Python
基于python实现名片管理系统
2018/11/30 Python
python三方库之requests的快速上手
2019/03/04 Python
python如何实现单链表的反转
2020/02/10 Python
详解使用postMessage解决iframe跨域通信问题
2019/11/01 HTML / CSS
SQL Server面试题
2016/10/17 面试题
Linux面试题LINUX系统类
2015/11/25 面试题
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
幼儿园五一活动方案
2014/02/07 职场文书
战略合作意向书范本
2014/04/01 职场文书
2015年保卫科工作总结
2015/05/14 职场文书
员工福利申请报告
2015/05/15 职场文书
升学宴祝酒词
2015/08/11 职场文书
linux下安装redis图文详细步骤
2021/12/04 Redis