解决Jsp级联问题

jsp中级联查询用用到的地方很多，下面是我在项目中用的的一种写法，分享给大家。

查询条件根据省份的改变级联城市。

 

JSP页面

<select name="provinceId" class="input-text w-200" id="provinceId" onchange="changeProvince()">
        <option value="">请选择省份</option>
        <c:forEach items="${provinceList}" var="bean">
            <option value="${bean.id}"
                    <c:if test="${provinceId==bean.id }">selected</c:if>>${bean.province}</option>
        </c:forEach>
    </select>
    <select name="areaId" class="input-text w-200" id="areaId">
        <option value="">请选择城市</option>
        <c:forEach items="${cityList}" var="c">
            <option value="${c.id }"
                    <c:if test="${areaId==c.id }">selected</c:if>>${c.city }</option>
        </c:forEach>

    </select>

JQurey函数：

 function changeProvince() {
    $("#areaId").find("option").remove();
    var provinceId = $("#provinceId").val();

    $.get('${ctx}/admin/area/lists.action', {parentId: provinceId, level: 2}, function (result) {
        var html = '';
        html += '<option value="">请选择城市</option>';
        for (var i = 0; i < result.data.length; i++) {
            var bean = result.data[i];
            var button = '';
            html += '<option <c:if test="${areaId==bean.id }">selected</c:if> value="' + bean.id + '">' + bean.name + '</option>';
        }
        $("#areaId").html(html)
    })
}

        
原文链接：https://blog.csdn.net/duyusean/article/details/81436286