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