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>       

 

posted @ 2017-01-23 14:53  Danlis  阅读(5642)  评论(0编辑  收藏  举报