IE不支持option的display样式，只能使用remove和add

站长资源 2026/7/17 佚名

2 0 1

黑松山资源网 Design By www.paidiu.com

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
想实现一个很简单的功能：当选中“中介”时，不显示“求购”与“求租”。本以为通过display:none即可实现，结果发现在option元素上使用display:none在firefox中有效，在IE6、IE7、IE8中都无效。

所以，通过javascript设置display:none也是在IE中无效，代码如下：
<!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" xml:lang="yue-Hans" lang="yue-Hans"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>it works..............</title> </head> <body> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
所以，只能通过select元素的remove和add方法，当选中“中介” 时，把“求租”和“求购”删除。代码如下：
<!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" xml:lang="yue-Hans" lang="yue-Hans"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>it works..............</title> </head> <body> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
这样在IE和firefox中都有效了。真费解啊，IE8竟然还不支持option的display:none 。
上面的代码还有一个问题：在IE7和IE8中选中“个人”，然后刷新，将导致“求租”和“求购”被删除。在IE6和firefox3.5.5中正常。

option,display,remove,add

黑松山资源网 Design By www.paidiu.com

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

黑松山资源网 Design By www.paidiu.com

评论“IE不支持option的display样式，只能使用remove和add”

暂无评论...

www.paidiu.com 黑松山资源网

39,976影音资源

44,792技术资源

21,817软件资源

651,128站长资源

IE不支持option的display样式，只能使用remove和add

多浏览器兼容的获取元素和鼠标的位置的js代码

讨论javascript(一)工厂方式 js面象对象的定义方法

评论“IE不支持option的display样式，只能使用remove和add”

更新日志

友情链接