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 相关文章推荐
&amp;lt;script defer&amp;gt; defer 是什么意思
May 10 Javascript
jQuery.getScript加载同域JS的代码
Feb 13 Javascript
js 验证身份证信息有效性
Mar 28 Javascript
JavaScript中的标签语句用法分析
Feb 10 Javascript
jQuery获取table行数并输出单元格内容的实现方法
Jun 30 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
node和vue实现商城用户地址模块
Dec 05 Javascript
vue实现井字棋游戏
Sep 29 Javascript
原生Js 实现的简单无缝滚动轮播图的示例代码
May 10 Javascript
JS前端宏任务微任务及Event Loop使用详解
Jul 23 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 高手之路(三)
2006/10/09 PHP
PHP 数组教程 定义数组
2009/10/23 PHP
基于php 随机数的深入理解
2013/06/05 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
2013/06/29 Javascript
js创建对象的区别示例介绍
2014/07/24 Javascript
Angularjs中UI Router全攻略
2016/01/29 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
2016/06/13 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
2017/03/09 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/25 Javascript
jQuery 实时保存页面动态添加的数据的示例
2017/08/14 jQuery
深入浅出es6模板字符串
2017/08/26 Javascript
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
Vue.set()实现数据动态响应的方法
2018/02/07 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
vue下拉列表功能实例代码
2018/04/08 Javascript
详解express + mock让前后台并行开发
2018/06/06 Javascript
jquery实现的简单轮播图功能【适合新手】
2018/08/17 jQuery
React和Vue中监听变量变化的方法
2018/11/14 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
JavaScript对象属性操作实例解析
2020/02/04 Javascript
vue倒计时刷新页面不会从头开始的解决方法
2020/03/03 Javascript
Python实现运行其他程序的四种方式实例分析
2017/08/17 Python
如何利用Boost.Python实现Python C/C++混合编程详解
2018/11/08 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
Java如何基于wsimport调用wcf接口
2020/06/17 Python
纯CSS实现的大小渐变、渐远效果
2014/04/15 HTML / CSS
video实现有声音自动播放的实现方法
2020/05/20 HTML / CSS
会计系个人求职信范文分享
2013/12/20 职场文书
生产助理岗位职责
2014/06/18 职场文书
学校师德师风整改方案
2014/10/28 职场文书
公司中层管理培训心得体会
2016/01/11 职场文书
2016教师读书思廉心得体会
2016/01/23 职场文书
详解MySQL的半同步
2021/04/22 MySQL
Go语言特点及基本数据类型使用详解
2022/03/21 Golang