IE不支持option的display樣式，只能使用remove和add
更新時間：2009年12月15日 17:42:00 作者：
想實現(xiàn)一個很簡單的功能：當(dāng)選中“中介”時，不顯示“求購”與“求租”。本以為通過display:none即可實現(xiàn)，結(jié)果發(fā)現(xiàn)在option元素上使用display:none在firefox中有效，在IE6、IE7、IE8中都無效。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
想實現(xiàn)一個很簡單的功能：當(dāng)選中“中介”時，不顯示“求購”與“求租”。本以為通過display:none即可實現(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)選中“中介” 時，把“求租”和“求購”刪除。代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這樣在IE和firefox中都有效了。真費(fèi)解啊，IE8竟然還不支持option的display:none 。
上面的代碼還有一個問題：在IE7和IE8中 選中“個人”，然后刷新，將導(dǎo)致“求租”和“求購”被刪除。在IE6和firefox3.5.5中正常。
您可能感興趣的文章:
- ie8模式下click無反應(yīng)點(diǎn)擊option無反應(yīng)的解決方法
- jQuery解決下拉框select設(shè)寬度時IE 6/7/8下option超出顯示不全
- JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
- IE6/7/8中Option元素未設(shè)value時Select將獲取空字符串
- 解決IE下select標(biāo)簽innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safari)
- javascript option onclick事件ie解決方案 兼容ie,firefox
- 用jQuery解決IE不支持的option disable屬性
- IE8中動態(tài)創(chuàng)建script標(biāo)簽onload無效的解決方法
- IE6瀏覽器中window.location.href無效的解決方法
- IE中鼠標(biāo)經(jīng)過option觸發(fā)mouseout的解決方法
相關(guān)文章
Javascript select控件操作大全（新增、修改、刪除、選中、清空、判斷存在等）
這個是比較齊全的select操作代碼了，大家可以根據(jù)需要調(diào)用了2008-12-12
下拉菜單...2006-07-07
這款密碼強(qiáng)度實時驗證代碼比較實用啊， 也比較簡單，通過對輸入字符串的判斷，得知密碼的強(qiáng)度。2010-06-06
select選擇事件問題...2007-02-02
把textarea中字符串里含有的回車換行替換成<br>的javascript代碼
把textarea中字符串里含有的回車換行替換成<br>的javascript代碼...2007-04-04
表單提交驗證類...2006-07-07
js文本中搜索關(guān)鍵詞輸入效果...2007-10-10
下面的代碼包括了用戶名，密碼，郵箱的基本驗證代碼，需要的朋友可以參考下。2009-09-09
DynamicOptionList連動菜單代碼...2007-09-09
將光標(biāo)定位到textarea的某一行的javascript代碼
將光標(biāo)定位到textarea的某一行的javascript代碼...2007-04-04