二级下拉ajax模板

在jsp文件中写：

<input type="hidden" id="normPIdDefalut" value="${queryinfo.normPId}"/>
<input type="hidden" id="normIdDefalut" value="${queryinfo.normId}"/>

<select class="allSelect" id="normPId" name="normPId">
  <option value="">请选择一级指标</option>
</select>

<select class="allSelect" id="normId" name="normId">
    <option value="">请选择二级指标</option>
</select>

$(function () {
    //一级
    var normPIdDefalut = $("#normPIdDefalut").val();
    $.ajax({
        url : "${path}/commom/one.do", // 为请求的url
        type : "get", // get请求方式
        dataType : "json",
        success : function(msg) {
            var str = "<option value=''>请选择</option>";
            $.each(msg, function(i, item) {
                // alert("name:"+item.id+",value:"+item.name);
                if (normPIdDefalut == item.normPId) {
                    str = str + "<option selected='selected' value='" + item.normPId + "' οnclick='two(\"" + item.normPId + "\",\"\")' >" + item.normPName + "</option>";
                } else {
                    str = str + "<option value='" + item.normPId + "' οnclick='two(\"" + item.normPId + "\",\"\")' >" + item.normPName + "</option>";
                }
            });
            $("#normPId").empty();
            $("#normPId").append(str);
        }
    });

    if(normPIdDefalut!=''){
        //二级
        var normIdDefalut = $("#normIdDefalut").val();
        two(normPIdDefalut,normIdDefalut);
    }

    $("#normPId").change(function() {
        if ($("#normPId").val() == '') {
            var str = "<option value=''>请选择</option>";
            $("#normId").empty();
            $("#normId").append(str);
            return;
        }
        two($("#normPId").val(),'');
    });


});

function two(normPIdDefalut,normIdDefalut){
    $.ajax({
        url : "${path}/commom/two.do?normPId="+normPIdDefalut, // 为请求的url
        type : "get", // get请求方式
        dataType : "json",
        success : function(msg) {
            var str = "<option value=''>请选择</option>";
            $.each(msg, function(i, item) {
                // alert("name:"+item.id+",value:"+item.name);
                if (normIdDefalut == item.normId) {
                    str = str + "<option selected='selected' value='" + item.normId + "'>" + item.normName + "</option>";
                } else {
                    str = str + "<option value='" + item.normId + "'>" + item.normName + "</option>";
                }
            });
            // alert(str);
            $("#normId").empty();
            $("#normId").append(str);
        }
    });
}

java

@RequestMapping(value="/one")
@ResponseBody
public List<GdNormP> one(){
   List<GdNormP> list= gdNormPMapper.list();
   return list;
}
@RequestMapping(value="/two")
@ResponseBody
public List<GdNormVO> two(GdNormVO queryinfo){
   Map<String,Object> map = new HashMap<>();
   map.put("normPId",queryinfo.getNormPId());
   List<GdNormVO> list= gdNormMapper.list(map);
   return list;
}