select 下拉框分页时,不兼容chrome 解决办法

问题源码:

html:

<div align="center"><a href="/st02/findpage?currentPage=1">首页</a>| <a id="up" href="/st02/findpage?currentPage=${currentPage-1}"> 上一页</a>|第${currentPage}页|<a id="next" href="/st02/findpage?currentPage=${currentPage+1}">下一页</a> <a href="/st02/findpage?currentPage=${totalpage}">|尾页</a>|  第 <select id="select""><c:forEach var="x" begin="1" end="${totalpage}"><option id="page" ${x == currentPage ? 'selected' : '' } onclick="toPage(${x})">${x}</option></c:forEach>  </select> 页</div>

js:

<script type="text/javascript" src="/st02/js/jquery-3.2.1.js"></script><script type="text/javascript">$(function() {if (${currentPage} >= ${totalpage}) {//$("#next").removeAttr("href");$("#next").addClass("disabled");}if (${currentPage} == 1) {//$("#next").removeAttr("href");$("#up").addClass("disabled");}});//select 分页function toPage(n) {$(location).attr("href", "/st02/findpage?currentPage=" + n + "");};</script>

注:以上代码在火狐中可以执行,但在chrome中却无法执行.经查询,发现chrom中不支持对option 添加onclick事件

解决办法如下:

html:

<div align="center"><a href="/st02/findpage?currentPage=1">首页</a>| <a id="up" href="/st02/findpage?currentPage=${currentPage-1}"> 上一页</a>|第${currentPage}页|<a id="next" href="/st02/findpage?currentPage=${currentPage+1}">下一页</a> <a href="/st02/findpage?currentPage=${totalpage}">尾页</a>|  第 <select id="select""><c:forEach var="x" begin="1" end="${totalpage}"> <option id="page" ${x == currentPage ? 'selected' : '' } value=${x }>${x}</option></c:forEach> </select> 页</div>

js:

<script type="text/javascript" src="/st02/js/jquery-3.2.1.js"></script><script type="text/javascript">$(function() {if (${currentPage} >= ${totalpage}) {//$("#next").removeAttr("href");$("#next").addClass("disabled");}if (${currentPage} == 1) {//$("#next").removeAttr("href");$("#up").addClass("disabled");}                //on()函数用于为指定元素的一个或多个事件绑定事件处理函数。               $("#select").on("change", function() {var n = $("#select").val();toPage(n);});});//select 分页function toPage(n) {$(location).attr("href", "/st02/findpage?currentPage=" + n + "");};</script>