select选择option时触发的click事件google不兼容问题

原先的方式,下面代码编写的问题在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>       
原文地址:https://www.cnblogs.com/danlis/p/6344101.html