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 相关文章推荐
caller和callee的区别介绍及演示结果
Mar 10 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
Jul 12 Javascript
js/jQuery简单实现选项卡功能
Jan 02 Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
Dec 10 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
Jul 15 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
给localStorage设置一个过期时间的方法分享
Nov 06 Javascript
ajaxfileupload.js实现上传文件功能
Apr 19 Javascript
jquery实现垂直无限轮播的方法分析
Jul 16 jQuery
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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入门学习知识点七 PHP函数的基本应用
2011/07/14 PHP
php站内搜索并高亮显示关键字的实现代码
2011/12/29 PHP
PHP下载远程文件到本地存储的方法
2015/03/24 PHP
php简单实现单态设计模式的方法分析
2017/07/28 PHP
javascript showModalDialog,open取得父窗口的方法
2010/03/10 Javascript
javascript 实现简单的table排序及table操作练习
2012/12/28 Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
2013/12/24 Javascript
屏蔽IE弹出&quot;您查看的网页正在试图关闭窗口,是否关闭此窗口&quot;的方法
2013/12/31 Javascript
JavaScript静态类型检查工具FLOW简介
2015/01/06 Javascript
JS实现1000以内被3或5整除的数字之和
2016/02/18 Javascript
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/06 Javascript
移动端使用localResizeIMG4压缩图片
2017/04/22 Javascript
vue.js异步上传文件前后端实现代码
2017/08/22 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
2017/12/28 Javascript
vue、react等单页面项目应该这样子部署到服务器
2018/01/03 Javascript
iview Upload组件多个文件上传的示例代码
2018/09/30 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
2019/01/24 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
python网页请求urllib2模块简单封装代码
2014/02/07 Python
python中使用enumerate函数遍历元素实例
2014/06/16 Python
python运行时间的几种方法
2016/06/17 Python
Django的信号机制详解
2017/05/05 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
使用Python抓取豆瓣影评数据的方法
2018/10/17 Python
对python实现二维函数高次拟合的示例详解
2018/12/29 Python
基于python生成器封装的协程类
2019/03/20 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
意大利体育用品和运动服网上商店:Maxi Sport
2019/09/14 全球购物
C#中有没有运算符重载?能否使用指针?
2014/05/05 面试题
协议书的格式
2014/04/23 职场文书
地震捐款倡议书
2014/08/29 职场文书
2014年感恩节活动策划方案
2014/10/06 职场文书
员工自我评价范文
2015/03/11 职场文书
光荣之路观后感
2015/06/12 职场文书
「SHOW BY ROCK!!」“雫シークレットマインド”组合单曲MV公开
2022/03/21 日漫