您的位置:首页 > 运维架构

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

2016-11-04 11:09 120 查看
最近遇到了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("<span style='display:none'></span>");
}
});

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("<span style='display:none'></span>");
}
});
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js 前端