本文引用网址 http://my.oschina.net/u/780884/blog/223595
jsp页面
1 <script type="text/javascript">
2 $(function(){
3 $("#language_tm2008").change(function(){
4 var company = $("#language_tm2008").val();
5 $.ajax({
6 type:"POST",
7 url :"<%=basePath %>view/report/getDepart.do",
8 data:{
9 companyId:company
10 },
11 dataType:"json",
12 success:function(data){
13 $("#language_tm2009").empty();
14 $("#language_tm2009").append("<option value=''>----选择申请部门----</option>");
15 $.each(data.tasks,function(index,item){
16 $("#language_tm2009").append( "<option value='"+item.id+"'>"+item.name+"</option>");
17 });
18 }
19 });
20 });
21 });
22 </script>
第一级公司是固定的 <select name="search_EQ_department_c" class="sel_hei" id="language_tm2008">
<option value="">选择申请公司</option>
<option value="4028805120f505f90120f54ca9320047">省公司</option>
<option value="4028805120f505f90120f54ca9320046">地市</option>
</select>
第二级部门 <select name="search_EQ_department_d" class="sel_hei" id="language_tm2009">
<option value="">----选择申请部门----</option>
</select>
后台代码:
1 @RequestMapping(value="/getDepart") 2 public @ResponseBody Map<String,Object> getDepartment(String companyId){ 3 //获得部门列表 4 List<Department> departmentList = this.commonReportService.getApplyDepart(companyId); 5 6 Map<String,Object> jsonMap = new HashMap<String, Object>(); 7 List list = null; 8 if(null != departmentList && departmentList.size()>0){ 9 list = new ArrayList(); 10 for(Department depart : departmentList){ 11 Map<String,String> taskMap=new HashMap<String,String>(); 12 13 taskMap.put("id", depart.getId()); 14 taskMap.put("name", depart.getName()); 15 list.add(taskMap); 16 } 17 } 18 jsonMap.put("tasks", list); 19 return jsonMap;
JSP页面提交form表单后,返回到当前页面的时候,我们要求还是提交前的查询条件,那么就要从后台返回一个二级菜单的列表 和 提交前的 查询条件。
1 <select name="search_EQ_department_d" class="sel_hei" id="language_tm2009"> 2 <option value="">----选择申请部门----</option> 3 <c:if test="${departmentList!=null && fn:length(departmentList)>0}"> 4 <c:forEach items="${departmentList}" var="depart" varStatus="go"> 5 <option value="${depart.id}" <c:if test="${depart.id == searchParams['EQ_department_d']}">selected="selected"</c:if> >${depart.name}</option> 6 </c:forEach> 7 </c:if> 8 </select>