IE不支持option的display樣式,只能使用remove和add
更新時(shí)間:2009年12月15日 17:42:00 作者:
想實(shí)現(xiàn)一個(gè)很簡(jiǎn)單的功能:當(dāng)選中“中介”時(shí),不顯示“求購”與“求租”。本以為通過display:none即可實(shí)現(xiàn),結(jié)果發(fā)現(xiàn)在option元素上使用display:none在firefox中有效,在IE6、IE7、IE8中都無效。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
想實(shí)現(xiàn)一個(gè)很簡(jiǎn)單的功能:當(dāng)選中“中介”時(shí),不顯示“求購”與“求租”。本以為通過display:none即可實(shí)現(xiàn),結(jié)果發(fā)現(xiàn)在option元素上使用display:none在firefox中有效,在IE6、IE7、IE8中都無效。
所以,通過javascript設(shè)置display:none也是在IE中無效,代碼如下:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
所以,只能通過select元素的remove和add方法,當(dāng)選中“中介” 時(shí),把“求租”和“求購”刪除。代碼如下:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這樣在IE和firefox中都有效了。真費(fèi)解啊,IE8竟然還不支持option的display:none 。
上面的代碼還有一個(gè)問題:在IE7和IE8中 選中“個(gè)人”,然后刷新,將導(dǎo)致“求租”和“求購”被刪除。在IE6和firefox3.5.5中正常。
您可能感興趣的文章:
- ie8模式下click無反應(yīng)點(diǎn)擊option無反應(yīng)的解決方法
- jQuery解決下拉框select設(shè)寬度時(shí)IE 6/7/8下option超出顯示不全
- JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
- IE6/7/8中Option元素未設(shè)value時(shí)Select將獲取空字符串
- 解決IE下select標(biāo)簽innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
- javascript option onclick事件ie解決方案 兼容ie,firefox
- 用jQuery解決IE不支持的option disable屬性
- IE8中動(dòng)態(tài)創(chuàng)建script標(biāo)簽onload無效的解決方法
- IE6瀏覽器中window.location.href無效的解決方法
- IE中鼠標(biāo)經(jīng)過option觸發(fā)mouseout的解決方法
相關(guān)文章
用js實(shí)現(xiàn)控制內(nèi)容的向上向下滾動(dòng)效果
用js實(shí)現(xiàn)控制內(nèi)容的向上向下滾動(dòng)效果...2007-06-06用javascript實(shí)現(xiàn)文本框和"選擇"按扭之間的間距
用javascript實(shí)現(xiàn)文本框和"選擇"按扭之間的間距...2007-07-07javascript radio 聯(lián)動(dòng)效果
js聯(lián)動(dòng)效果實(shí)現(xiàn)代碼2009-03-03javascript兼容firefox的文本輸入長(zhǎng)度提示
以下代碼是兼容firefox的文本輸入長(zhǎng)度提示,實(shí)時(shí)顯示輸入的字符長(zhǎng)度,當(dāng)超過輸入長(zhǎng)度的時(shí)候自動(dòng)截取。以實(shí)現(xiàn)文本輸入長(zhǎng)度限制,其中maxlength是設(shè)置的文本長(zhǎng)度上限。2008-06-06JS 無限級(jí) Select效果實(shí)現(xiàn)代碼(json格式)
JS 無限級(jí) Select效果實(shí)現(xiàn)代碼(json格式),學(xué)習(xí)js的朋友可以參考下。2011-08-08