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>       

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM