zoukankan      html  css  js  c++  java
  • 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>       
    
  • 相关阅读:
    css选择器
    有关cookies与session的详细信息
    06OC之内存管理
    04OC之分类Category,协议Protocol,Copy,代码块block
    IOS学习目录
    03OC的类的补充
    02OC的类和对象
    02第一个OC程序
    01OC概述
    02快速学习ExtJs之---第一个HelloWord!
  • 原文地址:https://www.cnblogs.com/danlis/p/6344101.html
Copyright © 2011-2022 走看看