jquery, select, option, firefox, chrome, IE, opera...
2011-07-13 20:05
573 查看
本来目标只是隐藏select下的option
最初尝试用jQuery里的$("select option").hide()和$("select option").show()控制option隐藏与出现,firefox4和chrome10均ok,但是chrome不能正确判断:hidden属性(只要进行过.hide(),.is(":hidden")就永远为true),随后发现可以用(.css("display:none")=="none")判断,然后发现IE(我用的是腾讯TT,疑似6)等也可以判断。但是,IE(以及opera、safari)不支持option的display属性的,hide、show操作会改变display的值,但option的可见性不会变化
。
之后痛苦地查解决方案,大家均表示要在代码里备份一下然后remove,需要的时候再根据备份add,觉得极为麻烦,几乎放弃,突然google到一个,使用.wrap("<span style='display:none'></span>"); 达到隐藏效果,再使用unwrap()去除隐藏效果。还能天然使用jQuery的$("select>option")和$("select span option")判断是否隐藏,终于完成...
btw, firebug+firerainbow不错,不过,这导致ff下的代码总是第一个迅速调通的,然后就只能
......还有,刚发现上面的方法在opera下option只是会变成空白,但还可以选
....算了,一共就5个人会访问的页面里没人会用opera的...
Thanks to:http://www.jb51.net/article/20842.htm
最初尝试用jQuery里的$("select option").hide()和$("select option").show()控制option隐藏与出现,firefox4和chrome10均ok,但是chrome不能正确判断:hidden属性(只要进行过.hide(),.is(":hidden")就永远为true),随后发现可以用(.css("display:none")=="none")判断,然后发现IE(我用的是腾讯TT,疑似6)等也可以判断。但是,IE(以及opera、safari)不支持option的display属性的,hide、show操作会改变display的值,但option的可见性不会变化
。
之后痛苦地查解决方案,大家均表示要在代码里备份一下然后remove,需要的时候再根据备份add,觉得极为麻烦,几乎放弃,突然google到一个,使用.wrap("<span style='display:none'></span>"); 达到隐藏效果,再使用unwrap()去除隐藏效果。还能天然使用jQuery的$("select>option")和$("select span option")判断是否隐藏,终于完成...
btw, firebug+firerainbow不错,不过,这导致ff下的代码总是第一个迅速调通的,然后就只能
......还有,刚发现上面的方法在opera下option只是会变成空白,但还可以选
....算了,一共就5个人会访问的页面里没人会用opera的...
Thanks to:http://www.jb51.net/article/20842.htm
相关文章推荐
- jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
- javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
- javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
- jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
- 纯CSS调整select选择框高度,兼容IE/Firefox/Opera/Safair/Chrome
- jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- 解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
- [举一反三]解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari) 前言: 这是一个老bug了,现在提供一个完美解决方案。由于我一直是用createElement来创建动态的op
- 利用AJAX,得到XML和JSON信息,不用JQuery等UI框架,兼容 IE、Firefox、Chrome、Safari、Opera 等浏览器。
- jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
- 解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
- PDF在线阅读控件多浏览器(IE,firefox,chrome,opera等)中的使用
- ie,firefox,opera,chrome,safari js 判断五大主流浏览器
- CSS设置DIV Herf底层图片和链接同时改变,兼容IE,Firefox,Opera,Safari,Chrome等
- 多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
- CSS Hack技术详解,支持IE 6-11、Chrome、FireFox、Safari、Opera
- 各种浏览器(IE,Firefox,Chrome,Opera)COOKIE修改方法[转]
- 浏览器之争:Chrome、Firefox、IE、Opera、Safari
- 目前Lodop支持IE系列、IE内核系列(遨游、360、世界之窗、腾讯TT、搜狗等)浏览器,以及Firefox(火狐)系列、Chrome(谷歌)系列、Opera系列、Safari系列等Windows下