完美解决IE浏览器 option display:none 隐藏无效

最近遇到了select 下的option需要根据前一个select选项来显示或隐藏,发现在IE下该功能无法实现。
自己在网上看了一下前辈们的解决方法,然后根据自己的实际情况改了一下,放在这里给需要的朋友。

//初始化select
    function toggleOptionInit(obj,firstException){
        var firstException = arguments[1] ? arguments[1] : true;

        obj.find('option').each(function () {
            if(!$(this).parent().is('span')) {
                $(this).wrap("");
            }
        });

        if(firstException){
            if(obj.find('option').eq(0).parent().is('span')){
                obj.find('option').eq(0).unwrap();
            }
        }
    }
    //隐藏显示option
    function toggleOption(obj,type) {
        if(type == 'show'){
            obj.each(function () {
                if($(this).parent().is('span')){
                    $(this).unwrap();
                }
            });
        }else{
            obj.each(function () {
                if(!$(this).parent().is('span')) {
                    $(this).wrap("");
                }
            });
        }
    }

你可能感兴趣的:(前端技术)