问题描述: 今天在做一个练习的时候遇到一个小问题,就是点击每页显示条数的
时候每次都会跳到第1页如图:
一共有9页,但是不管点第几页这个框框里只会显示第1页
如下图:
原因: 点击每页显示条数后没有重新给这个select赋值
解决方案: 添加页面加载函数,每次加载页面都给select重新赋值
前端代码展示:
<select class="form-control" id="changePageSize" onchange="changePageSize()" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select> 条
<script>
<%--页面加载函数--%>
$(function () {
$("#changePageSize").val(${pageinfo.pageSize})
})
// 点击下拉框函数
function changePageSize() {
//获取下拉框的值
var pageSize = $("#changePageSize").val();
//向服务器发送请求,改变没页显示条数
location.href = "${pageContext.request.contextPath}/orders/findAll?page=1&size="+ pageSize;
}
</script>