2011-08-01 27 views
6

當我在Firefox中看到它時,我正在創建一些表單。在一個選擇框,如果您添加禁用選項作爲首選......它選擇下一個可用的選項Firefox中的禁用選項錯誤

<option disabled="disabled" value="false">Choose option</option> 
<option value="1">Value 1</option> 

加載頁面時,會選擇「值1」。

爲什麼每個瀏覽器都會默認選擇禁用的並且Firefox不是?

加載這個在Firefox:http://jsfiddle.net/6WjgZ/1/

和其他瀏覽器,你會發現火狐繞過一個失效,默認情況下選中「值1」。

+0

有趣的是,我從來沒有注意到! –

+0

是啊,它搞亂了我的ajax表單,因爲它認爲總有一個值被選中! – Warface

回答

4

假設你想有一個解決方法,在DOM加載(或身體負載)來修復它在Firefox

document.getElementById("mySel").selectedIndex = 0; 

http://jsfiddle.net/6WjgZ/2/

不知道運行這段代碼,如果這可以被稱爲(更多的錯誤一種行爲風格),如果你仔細想想,FF不會讓你選擇禁用物品。其他瀏覽器(IE除外)都沒有,但他們選擇的初始加載行爲不同。

+3

Firefox曾經是一個偉大的開發者的瀏覽器,但現在...我不知道他們在想什麼。 – Warface

+0

同意100%。現在Firebug的開發者已經加入谷歌了,我猜Chrome會很快超越它(我喜歡FB比Chrome的開發工具更好,但他們正在趕上!)。 – Mrchief

+0

我只接受這個答案是因爲它是一種解決方法,如果有人能找到Firefox爲什麼要開始這個愚蠢的事情的原因,請告訴我:D – Warface

0

如果您想要一個不可選擇的選項,或者只是使用該值進行表單驗證,則可以使用optgroup。

,如果你想要的是殘疾人的風格,你可以給選擇一個類,並用CSS

我認爲FF的行爲是正確的改變它,禁用選項不應該是一個有效的選擇。你總是可以將它作爲一個錯誤在mozilla