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 相关文章推荐
jquery实现Slide Out Navigation滑出式菜单效果代码
Sep 07 Javascript
JS动态增删表格行的方法
Mar 03 Javascript
基于vue2的table分页组件实现方法
Mar 20 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
VueJs使用Amaze ui调整列表和内容页面
Nov 30 Javascript
使用Nuxt.js改造已有项目的方法
Aug 07 Javascript
ES6使用export和import实现模块化的方法
Sep 10 Javascript
js核心基础之构造函数constructor用法实例分析
May 11 Javascript
angular使用md5,CryptoJS des加密的方法
Jun 03 Javascript
Vue监听页面刷新和关闭功能
Jun 20 Javascript
vue动态合并单元格并添加小计合计功能示例
Nov 26 Vue.js
关于vue-router-link选择样式设置
Apr 30 Vue.js
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 第二节 数据类型之数组
2012/04/28 PHP
php实现对两个数组进行减法操作的方法
2015/04/17 PHP
thinkPHP中配置的读取与C方法详解
2016/12/05 PHP
javascript下IE与FF兼容函数收集
2008/09/17 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
2013/05/27 Javascript
JS网页图片按比例自适应缩放实现方法
2014/01/15 Javascript
第一次接触神奇的Bootstrap导航条
2016/08/09 Javascript
JSON 数据详解及实例代码分析
2017/01/20 Javascript
在vue项目中使用md5加密的方法
2018/09/14 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
JavaScript页面加载事件实例讲解
2019/09/01 Javascript
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
2019/09/18 Javascript
vue之debounce属性被移除及处理详解
2019/11/13 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
2020/07/18 Javascript
vue 在methods中调用mounted的实现操作
2020/08/07 Javascript
Python学习入门之区块链详解
2017/07/25 Python
Python处理CSV与List的转换方法
2018/04/19 Python
python Pandas 读取txt表格的实例
2018/04/29 Python
Pandas Shift函数的基础入门学习笔记
2018/11/16 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
Django框架视图函数设计示例
2019/07/29 Python
python2与python3爬虫中get与post对比解析
2019/09/18 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
python3.6环境下安装freetype库和基本使用方法(推荐)
2020/05/10 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
python3.4中清屏的处理方法
2020/07/06 Python
python 下载文件的几种方法汇总
2021/01/06 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
pytorch __init__、forward与__call__的用法小结
2021/02/27 Python
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
消防应急演练方案
2014/02/12 职场文书
大学生优秀自荐信范文
2014/02/25 职场文书
《特殊的葬礼》教学反思
2014/04/27 职场文书
2014年助理工程师工作总结
2014/11/14 职场文书
Spring Boot 底层原理基础深度解析
2022/04/03 Java/Android