Ajax+json实现菜单动态级联
1:jsp
//级联ajax处理函数
function areaChange(){
var areano=document.all("areaNo").value;
var url="${pageContext.request.contextPath}/infoAction.do?method=queryPeopleByPosition";
$.post(url,{areaNo:areano,position:"200"},
function(personList){
var personList=personList.personList;
$("#businessManager").empty();//删除所有option选项
document.all("businessManager").options.add(new Option('-请选择-',''));
for(var p in personList){
document.all("businessManager").options.add(new Option(personList[p],personList[p]));
}
},"json");
}
<td>地区</td>
<td>
<html:select property="areaNo" style="width: 80px" onchange="areaChange()">
<html:option value="">-请选择-</html:option>
<c:forEach items="${listArea }" var="i">
<html:option value="${i.nodeNo }">${i.nodeName }</html:option>
</c:forEach>
</html:select>
</td>
<td>业务经理</td>
<td>
<html:select property="businessManager" styleId="businessManager" style="width: 80px">
<html:option value="">-请选择-</html:option>
<c:forEach items="${teamList}" var="i">
<html:option value="${i.staffName }">${i.staffName }</html:option>
</c:forEach>
</html:select>
</td>
2、java处理方法
//查询根据地区动态查询对应职级人员信息(动态级联使用)
public ActionForward queryPeopleByPosition(ActionMapping mapping,ActionForm form,HttpServletRequest request,HttpServletResponse response)throws Exception{
try {
String areaNo=request.getParameter("areaNo");
String position=request.getParameter("position");
P2pStaffInfo queryParams = new StaffInfo();
queryParams.setAreaNo(areaNo);// 地区
queryParams.setPosition(position);//
List<StaffInfo> personJavaList = infoLogic.queryStaffInfo(queryParams);
JSONObject personList=new JSONObject();
JSONObject person=new JSONObject();
if (null!=personJavaList&&personJavaList.size()>0) {
for (P2pStaffInfo po:personJavaList) {
person.put(po.getStaffName(), po.getStaffName());
}
}
personList.put("personList", person);
response.setCharacterEncoding("gbk");
PrintWriter pw=response.getWriter();
pw.write(personList.toString());
pw.flush();
pw.close();
} catch (Exception e) {
log.error("根据职级动态级联地区查询出错!", e);
e.printStackTrace();
}
return null;
}
Ajax+json实现菜单动态级联的更多相关文章
- Ajax json jquery实现菜单案例
需求: 运用AJAX请求文件menu.json,配置菜单栏,并实现以下功能点: 1. 点击向左箭头,菜单向左移动,隐藏 2. 点击向右箭头,菜单向右移动,显示3. 点击一级菜单,被点击菜单的子菜单显示 ...
- JS动态级联菜单
JS动态级联菜单是前端常用的一个功能,特此抽时间研究了下,附上代码 <html> <head> <meta charset="utf-8" /> ...
- 案例19-页面使用ajax显示类别菜单
1 版本一 版本只能在首页显示类别,当切换到了其它页面就不会显示 1 web层IndexServlet代码 package www.test.web.servlet; import java.io.I ...
- javascript里面的数组,json对象,动态添加,修改,删除示例
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
- javascript如何解析json对javascript如何解析json对象并动态赋值到select列表象并动态赋值到select列表
原文 javascript如何解析json对象并动态赋值到select列表 JSON(JavaScriptObject Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScri ...
- Struts+Spring+Hibernate项目整合AJAX+JSON
1.什么是AJAX AJAX是 "Asynchronous JavaScript and XML" 的简称,即异步的JavaScript和XML. 所谓异步,就是提交一个请求不必等 ...
- 纯js遍历json获取值动态为select添加option
遍历json数组 并动态为select添加option 直接上代码,重要部分有注解 <!DOCTYPE html> <html lang="en"> < ...
- 基于MVC4+EF5.0+Ajax+Json+CSS3的简单注册页面(get&post)
使用mvc4可以很快速的创建页面,但封装的过多,难免会有些性能上的问题.所以基于此,通过使用简单的手写html,加ajax,json来创建一个注册页面,会比较干净,简洁. 本项目的环境是MVC4+EF ...
- ajax+json模态框中分页(spring+struts+mybatis+easyui分页插件)
0.业务需求: 点击每个数字的时候可以显示每个对应的详细记录.也就是得点击11的时候拿着开采部与C级去查询.
随机推荐
- 5、android ConnectivityManager获取网络状态
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 ...
- c/c++面试题(5)(c++重要的概念详解)
1.C++面向对象的三大特征? 1)封装:将客观事物封装成抽象的类,并且设计者可以对类的成员进行访问控制权限控制. 这样一方面可以做到数据的隐藏,保护数据安全;另一方面,封装可以修改类的内部 实现而不 ...
- SharePoint\O365 CSOM操作"请求访问设置"功能
博客地址:http://blog.csdn.net/FoxDave 请求访问设置是在SharePoint网站权限菜单中的一个功能,如下图: 它用来设置成员是否可以共享网站以及个别文件和文件夹,是否允许 ...
- SharePoint 2016 开发 工具Preview发布
博客地址:http://blog.csdn.net/FoxDave 之前装了SharePoint,但是并不能在Visual Studio 2015里面做开发,因为没有相应的office tool. 但 ...
- Git基本命令行操作 (转)
Git远程操作详解 作者: 阮一峰 Git是目前最流行的版本管理系统,学会Git几乎成了开发者的必备技能. Git有很多优势,其中之一就是远程操作非常简便.本文详细介绍5个Git命令,它们的概念和 ...
- GCD,用同步/异步函数,创建并发/串行队列
队列 第一个参数:C语言字符串,标签 第二个参数: DISPATCH_QUEUE_CONCURRENT:并发队列 DISPATCH_QUEUE_SERIAL:串行队列 dispatch_queue_ ...
- ng-repeat指令中使用track by子语句解决重复数据遍历的错误
用ng-repeat指令遍历一个javascript数组,当数组中有重复元素的时候,angularjs会报错,这是因为ng-Repeat不允许collection中存在两个相同Id的对象. 对于数字或 ...
- 更新EF,EF 报错
在项目中,对一个视图进行了更新,增加了一个字段,然后需要更新EF访问,可是往往会报错, 查看映射关系发现EF将字段映射为主键,而视图没有进行ISNULL处理. 可以有两种处理方式: 1:修改视图对字段 ...
- phpstorm 激活
http://idea.lanyus.com/
- POJ 1006 中国剩余定理
#include <cstdio> int main() { // freopen("in.txt","r",stdin); ; while(sca ...