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 相关文章推荐
json跟xml的对比分析
Jun 10 Javascript
javaScript 读取和设置文档元素的样式属性
Apr 14 Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
May 23 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 Javascript
javascript顺序加载图片的方法
Jul 18 Javascript
Javascript BOM学习小结(六)
Nov 26 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
Jun 02 Javascript
原生javascript 学习之js变量全面了解
Jul 14 Javascript
学习Javascript闭包(Closure)知识
Aug 07 Javascript
JS给Array添加是否包含字符串的简单方法
Oct 29 Javascript
JS模拟实现哈希表及应用详解
May 04 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中var_export与var_dump的区别分析
2010/08/21 PHP
php查找任何页面上的所有链接的方法
2013/12/03 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
2009/10/25 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
js判断数据类型如判断是否为数组是否为字符串等等
2014/01/15 Javascript
基于jQuery实现select下拉选择可输入附源码下载
2016/02/03 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
JavaScript实现大图轮播效果
2017/01/11 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
2018/08/25 Javascript
详解webpack-dev-server使用方法
2018/09/14 Javascript
js针对图片加载失败的处理方法分析
2019/08/24 Javascript
Vue数组响应式操作及高阶函数使用代码详解
2020/08/01 Javascript
[36:43]NB vs Optic 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
使用Mixin设计模式进行Python编程的方法讲解
2016/06/21 Python
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
python的unittest测试类代码实例
2017/12/07 Python
python生成器,可迭代对象,迭代器区别和联系
2018/02/04 Python
opencv实现图片模糊和锐化操作
2018/11/19 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
Django实现文件上传下载
2019/10/06 Python
TensorFlow实现checkpoint文件转换为pb文件
2020/02/10 Python
python获得命令行输入的参数的两种方式
2020/11/02 Python
详解CSS3:overflow属性
2020/11/17 HTML / CSS
微软澳洲官方网站:Microsoft Australia
2017/01/10 全球购物
“型”走纽约上东区:Sam Edelman
2017/04/02 全球购物
澳大利亚最大的网上油画销售画廊:Direct Art Australia
2018/04/15 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
数据库什么时候应该被重组
2012/11/02 面试题
户外宣传策划方案
2014/05/25 职场文书
批评与自我批评发言稿
2014/10/15 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
公开致歉信
2019/06/24 职场文书
golang 生成对应的数据表struct定义操作
2021/04/28 Golang
SQL Server数据库查询出现阻塞之性能调优
2022/04/10 SQL Server