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 相关文章推荐
验证码按回车不变解决方法
Mar 29 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
Jun 23 Javascript
node.js解决获取图片真实文件类型的问题
Dec 20 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
Feb 13 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
Node.js 的模块知识汇总
Aug 16 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
May 16 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
Dec 13 Javascript
vue-cli3 karma单元测试的实现
Jan 18 Javascript
Vue-cli3项目引入Typescript的实现方法
Oct 18 Javascript
详解vue 组件注册
Nov 20 Vue.js
vue开发chrome插件,实现获取界面数据和保存到数据库功能
Dec 01 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
phpStudy中升级MySQL版本到5.7.17的方法步骤
2017/08/03 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
解决laravel资源加载路径设置的问题
2019/10/14 PHP
js post提交调用方法
2014/02/12 Javascript
javascript 小数取整简单实现方式
2014/05/30 Javascript
Node.js的包详细介绍
2015/01/14 Javascript
基于javascript实现彩票随机数生成(升级版)
2020/04/17 Javascript
jQuery如何解决IE输入框不能输入的问题
2016/10/08 Javascript
vue.js实现表格合并示例代码
2016/11/30 Javascript
基本DOM节点操作
2017/01/17 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
JavaScript深拷贝和浅拷贝概念与用法实例分析
2018/06/07 Javascript
Vue中对拿到的数据进行A-Z排序的实例
2018/09/25 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
Vue实现导航栏菜单
2020/08/19 Javascript
Python中的各种装饰器详解
2015/04/11 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
详解Python中的动态属性和特性
2018/04/07 Python
Python实现中一次读取多个值的方法
2018/04/22 Python
推荐8款常用的Python GUI图形界面开发框架
2020/02/23 Python
如何使用python-opencv批量生成带噪点噪线的数字验证码
2020/12/21 Python
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
饮料业务员岗位职责
2013/12/15 职场文书
写求职信有什么意义
2014/02/17 职场文书
行政人事专员岗位职责
2014/03/05 职场文书
开业主持词
2014/03/21 职场文书
不错的求职信范文
2014/07/20 职场文书
学习保证书
2015/01/17 职场文书
单位接收函格式
2015/01/30 职场文书
清洁工个人工作总结
2015/03/05 职场文书
因公司原因离职的辞职信范文
2015/05/12 职场文书
2015国庆节66周年标语
2015/07/30 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
幽默导游词应该怎么写?
2019/08/26 职场文书
Pytorch DataLoader shuffle验证方式
2021/06/02 Python