原先的方式,下面代码编写的问题在google浏览器下是触发不了click事件的,具体缘由不清楚,反正都可以概括为不兼容了
碰到问题时,百度到的一篇解决:http://blog.163.com/rihui_7/blog/static/212285143201372824455445/ 解决方案就是照着这个来的
<select class="chosec"> <option value="0" onclick="Apply(0)" @(status == 0 ? "selected=selected" : "")>所有状态</option> <option value="1" onclick="Apply(1)" @(status == 1 ? "selected=selected" : "")>审核通过</option> <option value="2" onclick="Apply(2)" @(status == 2 ? "selected=selected" : "")>审核不通过</option> </select>
解决方式:由select标签进行onchange事件触发,这种感觉像是google在触发option的click事件的时候,忽略了写的onclick事件
HTML
<select class="chosec" onchange="return jumpPage()" id="jumpPage"> <option value="0" @(status == 0 ? "selected=selected" : "")>所有状态</option> <option value="1" @(status == 1 ? "selected=selected" : "")>审核通过</option> <option value="2" @(status == 2 ? "selected=selected" : "")>审核不通过</option> </select>
JS
<script> function jumpPage() { Apply($("#jumpPage").val()) } function Apply(id) { id = parseInt(id); if (id == 0) { window.location.href = "xxx?a=0"; } else if (id == 1) { window.location.href = "xxx?a=1"; } else if (id == 2) { window.location.href = "xxx?a=2"; } } </script>