jquery json实现二级动态联动


以下为代码!需要导入json架包
function getCity1(){
var unitid = document.getElementById('addformunitid').value;
$.getJSON("../unit/getcity.do?unitid="+unitid, "", function(response){
//$ ("#departmentid").show();//将隐藏的select显示出来
$ ("#adddepartmentid option").remove();//将select中的信息清空
$ ("#adddepartmentid").attr("disabled",false);
//alert(response);
$.each(response,function(i){
//encodeURI(response[i]);
//encodeURI(fileName)
//将后台传回的信息打印到页面中
$ ("#adddepartmentid").append ("<option value="+response[i].id+">"+ response[i].departmentname +"</option>");
});
});
}
<tr>
<td class="td_title">所属单位<em>*</em></td>
<td>
<select name="eform.unitid" id="addformunitid" onChange="getCity1();">
<option value="0">请选择</option>
<#list unitList as ul>
<option value="${ul.id}">${ul.unitname}</option>
</#list>
</select>
</td>
<td class="td_title">部门<em>*</em></td>
<td>
<select name="eform.departmentid" id="adddepartmentid" disabled="disabled">
<option value=" ">请选择</option>
</select>
</td>
<td class="td_title">职位<em>*</em></td>
<td>
<select name="eform.positionid">
<option value=" ">请选择-</option>
<#list positionList as pl>
<option value="${pl.id}">${pl.positionname}</option>
</#list>
</select>
</td>
</tr>
<!-- 单位,部门二级联动 -->
<package name="unit" extends="webwork-default" namespace="/unit">
<action name="getcity" class="com.hnbus.action.unit.EmployeeJsonAction" method="getcity" >
<interceptor-ref name="defaultStack"/>
</action> </package>
/*
*文件名:EmployeeJsonAction.java
*描 述:二级联动action
*版 权:********有限公司 Copyright (c) 2008-2013,All Rights Reserved.
*创建者:向洁
*修改者:向洁
*/ package com.hnbus.action.unit; import java.io.PrintWriter;
import java.net.URLDecoder;
import java.util.List; import javax.annotation.Resource;
import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONArray; import org.apache.log4j.Logger;
import org.eps.action.BaseAction; import com.hnbus.model.Department;
import com.hnbus.model.Employee;
import com.hnbus.service.unit.EmployeeService;
import com.opensymphony.webwork.ServletActionContext;
/**
* @Description (二级联动action)
* @author 向洁
* @version JOHOM V1.0
* @Date 2013-8-4-下午10:54:05
* @see
*/
public class EmployeeJsonAction extends BaseAction{ private static final Logger logger = Logger.getLogger(EmployeeAction.class); @Resource
private EmployeeService employeeService;
private EmployeeForm1 eform;
private String unitid; public String getcity() throws Exception {
logger.info("选择单位ID");
//获取前台传来的值
String unitid = this.getRequest().getParameter("unitid"); HttpServletResponse response = ServletActionContext.getResponse();
/*设置字符集为'UTF-8'*/
response.setContentType("text/plain;charset=utf-8");
List<Department> department = employeeService.findSameDepartmentlist(unitid);
ServletActionContext.getRequest().getSession().setAttribute("department",department); //将list转换成JSON对象
JSONArray jr = JSONArray.fromObject(department);
PrintWriter out = this.getResponse().getWriter();
//将JSON对象转换成String类型传入前台
String jsonUser = jr.toString();
out.print(jsonUser);
out.flush();
out.close();
return null;
} /**
* 变量:employeeService
* @return 变量:employeeService
*/
public EmployeeService getEmployeeService() {
return employeeService;
} /**
* 变量:eform
* @return 变量:eform
*/
public EmployeeForm1 getEform() {
return eform;
} /**
* 变量:eform
* @param eform (Set the variable:eform)
*/
public void setEform(EmployeeForm1 eform) {
this.eform = eform;
} /**
* 变量:employeeService
* @param employeeService (Set the variable:employeeService)
*/
public void setEmployeeService(EmployeeService employeeService) {
this.employeeService = employeeService;
} /**
* 变量:logger
* @return 变量:logger
*/
public static Logger getLogger() {
return logger;
} /**
* 变量:unitid
* @return 变量:unitid
*/
public String getUnitid() {
return unitid;
} /**
* 变量:unitid
* @param unitid (Set the variable:unitid)
*/
public void setUnitid(String unitid) {
this.unitid = unitid;
} }
class EmployeeForm1 extends Employee{}
jquery json实现二级动态联动的更多相关文章
- Ajax和JSON完成二级菜单联动的功能
首先需要找好JSON的包哦: 链接:http://pan.baidu.com/s/1jH6gN46 密码:lbh1 1:首先创建一个前台页面,比如secondMenu.jsp,源码如下所示: < ...
- jQuery + json 实现省市区三级联动
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- js 省份城市二级动态联动的例子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- 《DWZ笔记一》<select>动态联动菜单
联动菜单,即组合框Combo box,在DWZ文档中对组合框combox的是这样描述的: 在传统的select 用class 定义:class=”combox”, html 扩展:保留原有属性name ...
- Json 基于jQuery+JSON的省市联动效果
helloweba.com 作者:月光光 时间:2012-09-12 21:57 标签: jQuery JSON Ajax 省市联动 省市区联动下拉效果在WEB中应用非常广泛,尤其在一些 ...
- 份-城市,基于jQuery的AJAX二级联动,用Struts2整合AJAX【非数据库版】
package loaderman.provincecity; import java.io.IOException; import java.util.LinkedHashSet; import j ...
- JavaScript(jquery)实现二级菜单联动
为什么写这篇随笔? 二级菜单的联动一直是我心中一块石头,犹记得大一的时候只会用一点的Dreamweaver,当时做二级菜单难受啊,啥都不会,网上找了些资料,也看不懂别人的代码更别说用起来了 前些日子. ...
- 省市联动_简单的Demo,适用于各种二级菜单联动
最近搞了一个功能,是查询页面需要用到二级菜单联动,获取到选中的属性value传入到后台. 平常都是用AJAX或者JQuery ,通过XML或者JSON的方式,这样的话需要调用数据库,像典型得到省市联动 ...
- JQuery+Ajax实战三级下拉列表联动(八)
本片文章为练习,项目中不会这样写: 一:涉及到的知识点: jQuery Dom操作 jQuery Ajax操作 ASP.net中的json操作 二:用了自动代码生成器 1.Dal层的代码: publi ...
随机推荐
- php 购物车实现购物的原理
当用户进行购物时他有可能是本商电的会员或游客(非会员):因此得出两种方案: 方案一:(会员) 用户进行购物时他是我们本商店的会员(数据库中存在该用户的数据),当用户添加商品到购物车的时候我们可以分为两 ...
- ref:关于JAVA中一些安全漏洞示例说明及如何规避方法代码示例总结分享
ref:http://www.xwood.net/_site_domain_/_root/5870/5874/t_c268166.html 标签:安全,漏洞,健壮,java,SQL注入,SS及CSRF ...
- 迭代器模式 与 C# IEnumerator/IEnumerable
Part1 迭代器模式 与 接口 IEnumerable IEnumerator interface IEnumerable { IEnumerator GetEnumerator(); } // 泛 ...
- Python 中的语句
上一节已经了解到了Python中的基本数据类型和一些基本的操作,本节就大致讲一下关于Python中的语句的相关问题. 我们熟悉的print()语句可能是这样的.print('YJK923') or p ...
- C#中的特性 (Attribute) 入门 (二)
C#中的特性 (Attribute) 入门 (二) 接下来我们要自己定义我们自己的特性,通过我们自己定义的特性来描述我们的代码. 自定义特性 所有的自定义特性都应该继承或者间接的继承自Attribut ...
- 你了解border-radius吗?
1.圆角正方形 .rounded-square{ width: 200px; height: 200px; background-color: pink; border-radius: 50px; } ...
- BZOJ 4003: [JLOI2015]城池攻占 左偏树 可并堆
https://www.lydsy.com/JudgeOnline/problem.php?id=4003 感觉就是……普通的堆啊(暴论),因为这个堆是通过递归往右堆里加一个新堆或者新节点的,所以要始 ...
- 某谷 P5159 WD与矩阵
题面在这里 崴脚回家后的小休闲2333. 显然每一行的1的个数必须是偶数,这样可以归纳证明前i行异或出来的m位二进制数也有偶数个1,这样最后一行就有且仅有一种放法了. 于是ans = 2^((n-1) ...
- opencv 支持向量机SVM分类器
支持向量机SVM是从线性可分情况下的最优分类面提出的.所谓最优分类,就是要求分类线不但能够将两类无错误的分开,而且两类之间的分类间隔最大,前者是保证经验风险最小(为0),而通过后面的讨论我们看到,使分 ...
- Python知识(6)--numpy做矩阵运算
矩阵运算 论numpy中matrix 和 array的区别:http://blog.csdn.net/vincentlipan/article/details/20717163 matrix 和 ar ...