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

所属分类：网络编程 / JavaScript 阅读数： 1744

收藏 0赞 0分享

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> 使用jQuery解决IE不支持的option disable属性 </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   </head> <body> <h1>使用jQuery解决IE不支持的option disable属性</h1> 普通： <select>     <option>第1项</option>     <option disabled="disabled">第2项</option>     <option>第3项</option>     <option disabled="disabled">第4项</option>     <option >第5项</option>     <option >第6项</option> </select> 对比1： <select class="myselect">     <option>第1项</option>     <option disabled="disabled">第2项</option>     <option>第3项</option>     <option disabled="disabled">第4项</option>     <option >第5项</option>     <option >第6项</option> </select> 对比2： <select class="myselect">     <option>第1项</option>     <option disabled="disabled">第2项</option>     <option>第3项</option>     <option disabled="disabled">第4项</option>     <option >第5项</option>     <option >第6项</option> </select> <p style="margin-top:200px;font-size:12px;">Dev By CssRain，当然你有兴趣，也可以封装成插件。记得发我一份哦。</p> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

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

JSONP原理及简单实现

浅析JSONP技术原理及实现

使用Web Uploader实现多文件上传

json的使用小结

非常实用的js验证框架实现源码附原理方法

js验证框架之RealyEasy验证详解

webpack中引用jquery的简单实现

JavaScript必知必会(五) eval 的使用

JavaScript必知必会(六) delete in instanceof

JavaScript必知必会(七)js对象继承

网络赚钱

站长故事

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

JSONP原理及简单实现

浅析JSONP技术原理及实现

使用Web Uploader实现多文件上传

json的使用小结

非常实用的js验证框架实现源码 附原理方法

js验证框架之RealyEasy验证详解

webpack中引用jquery的简单实现

JavaScript必知必会(五) eval 的使用

JavaScript必知必会(六) delete in instanceof

JavaScript必知必会(七)js对象继承

网络赚钱

站长故事

非常实用的js验证框架实现源码附原理方法