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 相关文章推荐
些很实用且必用的小脚本代码
Jun 26 Javascript
js下利用控制器载入对应脚本
Jul 17 Javascript
JavaScript高级程序设计 扩展--关于动态原型
Nov 09 Javascript
两种方法实现文本框输入内容提示消失
Mar 17 Javascript
基于jQuery实现二级下拉菜单效果
Feb 01 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
Jul 14 Javascript
jQuery实现的省市县三级联动菜单效果完整实例
Aug 01 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
Sep 14 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
原生js实现新闻列表展开/收起全文功能
Jan 20 Javascript
收藏AngularJS中最重要的核心功能
Jul 09 Javascript
Vue数组更新及过滤排序功能
Aug 10 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
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
javascript String 的扩展方法集合
2008/06/01 Javascript
js 发个判断字符串是否为符合标准的函数
2009/04/27 Javascript
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
js 数值项目的格式化函数代码
2010/05/14 Javascript
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
2013/06/09 Javascript
jquery提交form表单时禁止重复提交的方法
2014/02/13 Javascript
详解JavaScript中循环控制语句的用法
2015/06/03 Javascript
浅谈jQuery before和insertBefore的区别
2016/12/04 Javascript
jQuery中Chosen三级联动功能实例代码
2017/03/07 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
2017/06/04 Javascript
在Vue组件中使用 TypeScript的方法
2018/02/28 Javascript
webstorm中配置nodejs环境及npm的实例
2018/05/15 NodeJs
理顺8个版本vue的区别(小结)
2018/09/17 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
2019/09/04 Javascript
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
OpenCV图像颜色反转算法详解
2019/05/13 Python
python如何实现从视频中提取每秒图片
2020/10/22 Python
Python+OpenCV实现图像的全景拼接
2020/03/05 Python
python thrift 实现 单端口多服务的过程
2020/06/08 Python
Python random模块的使用示例
2020/10/10 Python
12个不为大家熟知的HTML5设计小技巧
2016/06/02 HTML / CSS
金牌葡萄酒俱乐部:Gold Medal Wine Club
2017/11/02 全球购物
大三学生做职业规划:给未来找个方向
2014/02/24 职场文书
三分钟演讲稿事例
2014/03/03 职场文书
班级年度安全计划书
2014/05/01 职场文书
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
党支部组织生活会整改方案
2014/09/30 职场文书
中学生自我评价范文
2015/03/03 职场文书
单位同意报考证明
2015/06/17 职场文书
校园开放日新闻稿
2015/07/17 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
MySQL中日期型单行函数代码详解
2021/06/21 MySQL
自动在Windows中运行Python脚本并定时触发功能实现
2021/09/04 Python
详细聊聊vue中组件的props属性
2021/11/02 Vue.js