用jQuery解决IE不支持的option disable属性

在IE浏览器中，给select的options设置 disable属性 是没用的。

必须采用一定手段才可以解决这个问题。当然原理就是记住上次选中的 option。
this.selectedIndex 就派上用场了。
需要刷新下才可以看到效果，因为输出的都是文本，不存在js加载的情况。




使用jQuery解决IE不支持的option disable属性



$(document).ready(function(){
$(".myselect option:disabled").css('color', '#CCC');
$('.myselect').change(function(){
if(this[this.selectedIndex].disabled){
this.selectedIndex = this.s||0;
}else{
this.s = this.selectedIndex||0;
}
})
})



使用jQuery解决IE不支持的option disable属性


普通：

第1项
第2项
第3项
第4项
第5项
第6项


对比1：

第1项
第2项
第3项
第4项
第5项
第6项


对比2：

第1项
第2项
第3项
第4项
第5项
第6项

Dev By CssRain，当然你有兴趣，也可以封装成插件。记得发我一份哦。



[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]