原先的方式,下面代碼編寫的問題在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>