spring MVC 二级联动

2019独角兽企业重金招聘Python工程师标准>>>

JSP页面代码：

$(function(){
        $("#language_tm2008").change(function(){
            var company = $("#language_tm2008").val();
            $.ajax({
                type:"POST",
                url :"<%=basePath %>view/report/getDepart.do",
                data:{
                    companyId:company
                },
                dataType:"json",
                success:function(data){
                    $("#language_tm2009").empty();
                    $("#language_tm2009").append("----选择申请部门----");
                    $.each(data.tasks,function(index,item){
                        $("#language_tm2009").append( ""+item.name+"");
                    });
                }
            });
        });
    });


第一级公司是固定的

    选择申请公司
    省公司
    地市


第二级部门

    ----选择申请部门----

后台代码：

@RequestMapping(value="/getDepart")
    public @ResponseBody Map getDepartment(String companyId){
        //获得部门列表
        List departmentList = this.commonReportService.getApplyDepart(companyId);
        
        Map jsonMap = new HashMap();
        List list = null;
        if(null != departmentList && departmentList.size()>0){
            list = new ArrayList();
            for(Department depart : departmentList){
                Map taskMap=new HashMap();
                
                taskMap.put("id", depart.getId());
                taskMap.put("name", depart.getName());
                list.add(taskMap);
            }
        }
        jsonMap.put("tasks", list);
        return jsonMap;
    }

JSP页面提交form表单后，返回到当前页面的时候，我们要求还是提交前的查询条件，那么就要从后台返回一个二级菜单的列表 和 提交前的 查询条件。

    ----选择申请部门----
    0}">
        
            selected="selected" >${depart.name}
        
    

这样就可以了。

转载于:https://my.oschina.net/u/780884/blog/223595