在IE浏览器中,给select的options设置 disable属性 是没用的。
必须采用一定手段才可以解决这个问题。当然原理就是记住上次选中的 option。
this.selectedIndex 就派上用场了。
需要刷新下才可以看到效果,因为输出的都是文本,不存在js加载的情况。
使用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需刷新才能执行]
您可能感兴趣的文章:
- ie8模式下click无反应点击option无反应的解决方法
- jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
- JQuery操作Select的Options的Bug(IE8兼容性视图模式)
- IE6/7/8中Option元素未设value时Select将获取空字符串
- 解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
- javascript option onclick事件ie解决方案 兼容ie,firefox
- IE不支持option的display样式,只能使用remove和add
- IE8中动态创建script标签onload无效的解决方法
- IE6浏览器中window.location.href无效的解决方法
- IE中鼠标经过option触发mouseout的解决方法