select中option选取后就设为默认值（控制每页显示条数与显示内容不匹配）

问题描述: 今天在做一个练习的时候遇到一个小问题，就是点击每页显示条数的
时候每次都会跳到第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>