$(function() {
    //validateRule();
    getDept();
    $("select[name='deptNamee']").change(function() {
        var deptCode = $("select[name='deptNamee']").val();
        getSys(deptCode);
    });
});

function getDept() {
    var deptCode;
    $.get("/system/sysDept/list", {
        method : "initDept"
    }, function(data) {
        $.each(data, function(i, d) {
            $("select[name='deptNamee']").append(
                "<option value='"+d.deptId+"'>" + d.name
                + "</option>");
        });
        // 獲取單位code
        deptCode = data[0].deptId;
        // 根據第一個單位code獲取對應系統列表
        getSys(deptCode);
    }, 'json');
}

function getSys(deptCode) {

    // ajax請求所有系統
    $.get("/nsmp/info_sys/list", {
        deptCode : deptCode
    }, function(data) {
        debugger;
        // 先清空系統下拉框
        $("select[name='infoSysId']").empty();
        $.each(data.rows, function(i, d) {
            $("select[name='infoSysId']").append(
                "<option value='"+d.id+"'>" + d.sysName
                + "</option>");
        });
    }, 'json');
}
function save() {
    $.ajax({
        cache : true,
        type : "POST",
        url : "/nsmp/grade/save",
        data : $('#basicInfoForm').serialize(), // 你的formid
        async : false,
        error : function(request) {
            alert("Connection error");
        },
        success : function(data) {
            if (data.code == 0) {
                parent.layer.msg("操作成功");
                parent.reLoad();
                var index = parent.layer.getFrameIndex(window.name); // 獲取視窗索引

                parent.layer.close(index);

            } else {
                parent.layer.msg(data.msg);
            }
        }
    });
}

/*
function validateRule() {
    var icon = "<i class='fa fa-times-circle'></i> ";
    $("#basicInfoForm").validate({
        rules : {
            deptName : {
                required : true
            }
        },
        messages : {
            deptName : {
                required : icon + "請輸入單位名"
            }
        }
    });
}*/
 

方法是這樣的，首先在xml中配置查詢語句，使用的是if新增條件的查詢。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="com.bootdo.nsmp.dao.InfoSysDao">
	<!--list-->
	<select id="list" resultType="com.bootdo.nsmp.domain.InfoSys">
		select * from info_sys
		<where>
			<if test="deptNamee != null and deptNamee != ''"> and dept_namee = #{deptNamee} </if>
		</where>
		<if test="offset != null and limit != null">
			limit ${offset}, ${limit}
		</if>
	</select>
	<!--count-->
	<select id="count" resultType="int">
		select count(*) from info_sys
	</select>
	<!--save-->
 

然後在前端去解析list，獲取個別的欄位的內容。

其實在裡邊還上了上一層控制下一層的操作，就比如像選擇省、市、區，在選擇了省之後，才可以選擇市，更換了省之後，要更換到相應地市下邊去。