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

网络编程 2024/11/15 佚名

3 1 2

在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>Dev By CssRain，当然你有兴趣，也可以封装成插件。记得发我一份哦。</p> </body> </html>

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

jQuery,IE,option,disable

风云阁资源网 Design By www.bgabc.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

风云阁资源网 Design By www.bgabc.com

评论“用jQuery解决IE不支持的option disable属性”

暂无评论...

www.bgabc.com 风云阁资源网

120,135影音资源

344,641技术资源

22,817软件资源

435,032站长资源

更新日志

2024年11月15日

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

jQuery 源代码显示控件 (Ajax加载方式).

编写兼容IE和FireFox的脚本

评论“用jQuery解决IE不支持的option disable属性”

更新日志

友情链接