`
yuhongbo123456
  • 浏览: 4824 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery

 
阅读更多

===================================================== 一、jsp页面部分代码 =====================================================

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type='text/javascript' src='../js/jquery.js'></script>

<script type='text/javascript'>
var parent_id="<s:property value="user.suboffice_id"/>";
var child_id="<s:property value="user.section_id"/>";
$(document).ready(function(){
   query_dept_list();
});
//获取上级部门列表
function query_dept_list(){
  $.ajax({
type: "GET",
url: "query_deptno_list.action?set="+new Date(),
dataType: "json",
success:function (data) {
var json=eval(data); 
for(var i = 0,len = json.length; i<len; i++){
$('#deptnameChild').empty();    
$('#deptnameChild').append("<option value=\"0\">---请选择子部门---</option>");
if(parent_id==json[i].departid)
  $('#deptnameParent').append($("<option value='"+json[i].departid+"' selected>"+json[i].departname+"</option>"));
else
  $('#deptnameParent').append($("<option value='"+json[i].departid+"'>"+json[i].departname+"</option>"));
}
$('#deptnameParent').trigger("change");
  }
  });
  //当上级部门选项发生变化
  $('#deptnameParent').change(function(){
  $('#deptnameChild').empty();    
  $('#deptnameChild').append("<option value=\"0\">---请选择子部门---</option>");
  //当上级部门选项发生变化时,其对应的子部门也随着改变
  query_dept_child_list();
  });
}

function query_dept_child_list(){
  //获取选中的上级部门的编号departid
  var deptnameParent = document.getElementById('deptnameParent').value;
  if (deptnameParent=="0") {
$('#deptnameChild').empty();    
$('#deptnameChild').append("<option value=\"0\">---请选择子部门---</option>");
  }else {
   $.ajax({
  type: "GET",
  url: "query_dept_child_list.action?pid="+deptnameParent,
  dataType: "json",
   success:function (data) {
  var json=eval(data); 
  for(var i = 0,len = json.length; i<len; i++){
  if(child_id == json[i].departid)
$('#deptnameChild').append($("<option value='"+json[i].departid+"' selected>"+json[i].departname+"</option>"));
  else
$('#deptnameChild').append($("<option value='"+json[i].departid+"'>"+json[i].departname+"</option>"));
  }
}
});
  }
}
</script>
</head>
<body>
<form name="form1" method="post" action="update_user.action">
<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td width="10%" height="20" class="STYLE6">
<div align="right">
<span class="STYLE10">部门:</span>
</div>
</td>
<td noWrap width="32%">
<select name="user.suboffice_id" id="deptnameParent" style="width: 155px;">
<option value="0">
---请选择父部门---
</option>
</select>
&nbsp;&nbsp;
<select name="user.section_id" id="deptnameChild" style="width: 155px;">
<option value="0">
---请选择子部门---
</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>

===================================================== 二、struts.xml部分代码 =====================================================
<struts>
<package name="user" extends="struts-default" namespace="/user">
  <action name="update_user" class="com.moa.user.UserAction" method="update_user">
<result name="success">user_list.action</result>
<result name="fail">user_list.action</result>
</action>
</package>
</struts>

===================================================== 三、ImeiAction.java部分代码 =====================================================
/*
* 获取上级部门及其子部门列表返回给jsp
*/
public String query_deptno_list() throws Exception {
ImeiHandle imeiHandle = new ImeiHandle();
// 获取上级部门及其子部门列表
List<SysDepartmentModel> deptList = imeiHandle.getDeptPCList();
JSONArray jsonArray = JSONArray.fromObject(deptList);
PrintWriter writer = null;
try {
writer = ServletActionContext.getResponse().getWriter();
} catch (IOException e) {
e.printStackTrace();
}
writer.write(jsonArray.toString());
writer.flush();
if (writer != null) {
writer.close();
}
return null;
}

/*
* 获取上级部门编号为cid的子部门列表返回给jsp
*/
public String query_dept_child_list() throws Exception {
HttpServletRequest request = ServletActionContext.getRequest();
String pid = request.getParameter("pid");
ImeiHandle imeiHandle = new ImeiHandle();
// 获取获取上级部门编号为cid的子部门列表
List<SysDepartmentModel> deptList = imeiHandle.getDeptCList(pid);
JSONArray jsonArray = JSONArray.fromObject(deptList);
PrintWriter writer = null;
try {
writer = ServletActionContext.getResponse().getWriter();
} catch (IOException e) {
e.printStackTrace();
}
writer.write(jsonArray.toString());
writer.flush();
if (writer != null) {
writer.close();
}
return null;
}
}

===================================================== 四、ImeiHandle.java部分代码 =====================================================

/**
* 获取上级部门列表
*/
public List<SysDepartmentModel> getDeptPCList() {
// 上级部门的集合
List<SysDepartmentModel> sysdepartmentList = new ArrayList<SysDepartmentModel>();
String sql = "select DEPARTID,DEPARTNAME,SUPERDEPARTID from sys_department where SUPERDEPARTID='0'";

DBCPPool dbcpPool = new DBCPPool();
Connection conn = null;
Statement pstm = null;
ResultSet rs = null;
try {
conn = dbcpPool.getConnection();
pstm = dbcpPool.getStatement(conn);
rs = dbcpPool.getRowSet(pstm, sql);
while (rs.next()) {
SysDepartmentModel sysDepartmentModel = new SysDepartmentModel();
sysDepartmentModel.setDepartid(rs.getString("DEPARTID"));
sysDepartmentModel.setDepartname(rs.getString("DEPARTNAME"));
//sysDepartmentModel.setSuperdepartid(rs.getString("SUPERDEPARTID"));
sysdepartmentList.add(sysDepartmentModel);
}
} catch (Exception e) {
e.printStackTrace();
} finally {
try {
dbcpPool.closeConn(conn, pstm, null, null);
} catch (Exception e) {
logger.info(e.getMessage());
}
}
return sysdepartmentList;
}

/**
* 获取上级部门编号为DEPARTID的子部门列表
*/
public List<SysDepartmentModel> getDeptCList(String pid) {
// 上级部门的集合
List<SysDepartmentModel> smallList = new ArrayList<SysDepartmentModel>();
String sql = "select DEPARTID,DEPARTNAME,SUPERDEPARTID from sys_department where SUPERDEPARTID='" + pid + "'";
DBCPPool dbcpPool = new DBCPPool();
Connection conn = null;
Statement pstm = null;
ResultSet rs = null;
try {
conn = dbcpPool.getConnection();
pstm = dbcpPool.getStatement(conn);
rs = dbcpPool.getRowSet(pstm, sql);
while (rs.next()) {
SysDepartmentModel smallModel = new SysDepartmentModel();
smallModel.setDepartid(rs.getString("DEPARTID"));
smallModel.setDepartname(rs.getString("DEPARTNAME"));
smallModel.setSuperdepartid(rs.getString("SUPERDEPARTID"));
smallList.add(smallModel);
}
} catch (Exception e) {
e.printStackTrace();
} finally {
try {
dbcpPool.closeConn(conn, pstm, null, null);
} catch (Exception e) {
logger.info(e.getMessage());
}
}
return smallList;

}

===================================================== 五、SysDepartmentModel.java部分代码 =====================================================
package com.moa.model;

import java.io.Serializable;

public class SysDepartmentModel implements Serializable {
/*
* 部门编号
*/
private String departid;
/*
* 部门名称
*/
private String departname;
/*
* 上级部门编号
*/
private String superdepartid;

public String getDepartid() {
return departid;
}
public void setDepartid(String departid) {
this.departid = departid;
}
public String getDepartname() {
return departname;
}
public void setDepartname(String departname) {
this.departname = departname;
}
public String getSuperdepartid() {
return superdepartid;
}
public void setSuperdepartid(String superdepartid) {
this.superdepartid = superdepartid;
}
public SysDepartmentModel(String departid, String departname, String superdepartid) {
super();
this.departid = departid;
this.departname = departname;
this.superdepartid = superdepartid;
}
public SysDepartmentModel() {
super();
}

}
===================================================== 六、User.java部分代码 =====================================================
package com.moa.model;

import java.io.Serializable;

public class User implements Serializable {
private String suboffice_id;
private String section_id;
public String getSuboffice_id() {
return suboffice_id;
}
public void setSuboffice_id(String suboffice_id) {
this.suboffice_id = suboffice_id;
}
public String getSection_id() {
return section_id;
}
public void setSection_id(String section_id) {
this.section_id = section_id;
}
public User(String suboffice_id, String section_id) {
super();
this.suboffice_id = suboffice_id;
this.section_id = section_id;
}
public User() {
super();
}
}
===================================================== 七、sys_department表 =====================================================
create table SYS_DEPARTMENT
(
  DEPARTID      VARCHAR(6) not null,--部门编号
  DEPARTNAME    VARCHAR(80),--部门名称
  SUPERDEPARTID VARCHAR(6),--上级部门编号
);

insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('1', '父部门1', '0');
insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('2', '父部门2', '0');
insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('3', '父部门2', '0');

insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('11', '子部门11', '1');
insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('12', '子部门12', '1');
insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('13', '子部门13', '1');

insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('21', '子部门21', '2');
insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('22', '子部门22', '2');
insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('23', '子部门23', '2');

insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('31', '子部门31', '3');
insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('32', '子部门32', '3');
insert into sys_department (DEPARTID, DEPARTNAME, SUPERDEPARTID)
values ('33', '子部门33', '3');
分享到:
评论

相关推荐

    jQuery源码 jQuery源码 jQuery源码

    jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

    jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    "jquery-3.4.1_sangat1_jquery3.4.1"可能指的是一个特定的项目或者命名约定,"sangat1"可能是项目名或者是个人开发者的名字,而"jquery3.4.1"是jQuery库的另一种写法,它们都指向同一种资源——jQuery 3.4.1。...

    jquery-3.3.1.js和jquery-3.3.1.min.js

    jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-...

    jQuery1.12.4+jQuery中文手册.rar

    **jQuery 1.12.4 知识点详解** jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。在本压缩包中,我们有两个版本的jQuery核心库文件:`jquery-1.12.4.js` 和 `jquery...

    最新版JQuery-jquery-3.2.1.min.js

    在本文中,我们将深入探讨最新版的jQuery,即`jquery-3.2.1.min.js`,以及该版本中的一些变化。** ### 1. jQuery 3.x 版本概述 jQuery 3.x 系列是继1.x和2.x后的又一重大更新,它主要关注性能优化、API清理以及对...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. ...

    Jquery多选下拉列表插件jquery multiselect

    **jQuery Multiselect插件详解** 在网页开发中,我们经常需要处理用户的选择操作,特别是当选项较多时,传统的HTML `&lt;select&gt;` 元素显得不够友好。为此,jQuery提供了一个强大的多选下拉列表插件——jQuery ...

    jquery-1.11.0+jquery-UI-1.10.4

    《jQuery 1.11.0与jQuery UI 1.10.4:经典组合的深度解析》 在Web开发领域,jQuery与jQuery UI是两个不可或缺的重要库,它们极大地简化了JavaScript的DOM操作和用户界面设计。本篇将深入探讨jQuery 1.11.0与jQuery ...

    开发工具 jquery-1.11.3.min

    开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-...

    jquery插件库大全(200个).zip

    jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 jquery...

    开发工具 jquery.dataTables.min

    开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery....

    jquery1.12.4与jquery1.12.4.min

    《jQuery 1.12.4与jQuery 1.12.4.min——JavaScript库的高效选择》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了网页中的DOM操作、事件处理、动画效果以及Ajax交互。这里我们将深入探讨jQuery 1.12.4及其...

    前端+jQuery+实现烟花特效

    前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+...

    Java Web Jquery表单验证

    编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write....

    jquery-2.1.1.js 、jquery-2.1.1.min.js 【jquery包 js】

    《jQuery 2.1.1:JavaScript 的强大库》 jQuery 是一个广泛应用于网页开发的JavaScript库,它的出现极大地简化了JavaScript的复杂性,使得网页交互变得更加简单和高效。在这个主题中,我们将深入探讨jQuery 2.1.1...

    [jQuery实战第二版].pdf

    ### jQuery实战第二版知识点概述 #### 一、书籍基本信息与评价 - **书籍名称**:《jQuery实战第二版》(jQuery in Action, Second Edition) - **作者**:Bear Bibeault 和 Yehuda Katz - **出版商**:MANNING - **...

    jQuery.mmenu-jquery.mobile最好看的侧边菜单

    **jQuery.mmenu与jQuery Mobile:打造最佳侧边菜单** jQuery.mmenu是一款强大的JavaScript插件,专为构建响应式、交互式的侧边菜单而设计。它与jQuery Mobile框架结合使用,可以创造出用户界面(UI)中最具吸引力的...

    jquery1.7中文手册CHM文档(附jquery1.82chm手册)

    资源名称:jquery1.7 中文手册 CHM文档(附jquery1.82 chm手册)内容简介:因国内jquery中文手册更新太慢了,等了一段时间实在等不下去了,干脆自己动手做一个丰衣足食,时刻更新. 最后感谢Shawphy提供1.4.1版,jehn提供...

    jquery-2.0.3.js和jquery-2.0.3.min.js

    《jQuery 2.0.3:JavaScript库的里程碑版本》 在JavaScript的世界里,jQuery以其易用性、高效性和广泛支持的特性,成为了开发者们最钟爱的库之一。本篇将深入探讨jQuery 2.0.3这个特定版本,以及它在Web开发中的...

Global site tag (gtag.js) - Google Analytics