HTML5   发布时间:2022-04-26  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5 – 在Safari iOS 7中多次选择大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当我在一个选择下拉菜单中使用多个选项时,Safari就会遇到奇怪的问题。当我选择一个选项并说完成时,下拉列表可以显示“0项”。但是,如果我选择多个选项(多个),则除第一个以外的所有选项都被选中。之后,如果我取消选择所有选项,最后一个仍然被选中。

在iOS 7.0.3上使用safari查看this for a demo

<SELEct multiple="multiple">
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
</SELEct>

我看过http://www.thecssninja.com/html/optgroup-ios6,但是谈到使用optgroups的问题 – (当与多个使用时)目前似乎完全崩溃了safari。

解决方法

// hack for iPhone 7.0.3 multiSELEcts bug
    if(navigator.userAgent.match(/iPhone/i)) {
        $('SELEct[multiple]').each(function(){
            var SELEct = $(this).on({
                "focusout": function(){
                    var values = SELEct.val() || [];
                    setTimeout(function(){
                        SELEct.val(values.length ? values : ['']).change();
                    },1000);
                }
            });
            var firstOption = '<option value="" disabled="disabled"';
            firstOption += (SELEct.val() || []).length > 0 ? '' : ' SELEcted="SELEcted"';
            firstOption += '>&laquo; SELEct ' + (SELEct.attr('title') || 'Options') + ' &raquo;';
            firstOption += '</option>';
            SELEct.prepend(firstOption);
        });
    }

大佬总结

以上是大佬教程为你收集整理的html5 – 在Safari iOS 7中多次选择全部内容,希望文章能够帮你解决html5 – 在Safari iOS 7中多次选择所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。