2011-10-24 46 views
0

爲什麼我的無線電盒形式在Firefox 7.0.1中不工作,但在IE,Chrome和Safari中正常工作,我迷了路。問題是,「檢查」的廣播箱沒有重置爲HTML顯示的內容。在Firefox中沒有重置爲「已檢查」狀態的無線電盒

例如,如果我將溫度設置從「f」更改爲「c」,然後按Select,操作腳本將看到正確的值。然後按FF中的返回並刷新窗口,仍然選擇「c」。如上所述,這可以在其他瀏覽器中按預期工作,但不在FF中。

我很難相信這個基本的東西在FF中被破壞,但HTML是直截了當的。

- 傑夫

<form name="form1" method="POST" action="weather_uom_set.php">   
    <h3>Precipitation</h3> 
    <input type="radio" name="precip" value="in" checked="checked"/> Inches (")<br/> 
    <input type="radio" name="precip" value="mm" /> Millimeters (mm)<br/> 
    <h3>Temperature</h3> 
    <input type="radio" name="temp" value="f" checked="checked"/> Fahrenheit (&deg;f)<br/> 
    <input type="radio" name="temp" value="c" /> Celsius (&deg;c)<br/> 
    <input type="submit" value="Submit" /> 
    </form> 
+0

我張貼了我過去在http://stackoverflow.com/questions/7988729/firefox-remembering-radio-buttons-incorrectly/31680722#31680722 –

回答

1

這可能是因爲Firefox是回憶以前的表單提交的值,它可以覆蓋你已經在你的HTML定義的默認選項。另外,即使你沒有在這裏說明,我想指出的是,Javascript也可以覆蓋默認的HTML行爲,所以如果你有一個腳本運行,確保它也沒有設置/覆蓋默認值。

+1

工作的修復是的,將Firefox保持刷新之間的窗體狀態。在地址欄中輸入以加載新版本。 – Quentin

+0

昆汀的回答是正確的。我曾假設按下URL地址欄上的重新加載符號和/或按下F5將會重新加載頁面。但是,將光標放在URL欄中並按回車鍵就行了。你永遠不知道的事情!我會說這不是很直觀。 – GeoffSchultz

+0

@GeoffSchultz正常的重新加載應該重新加載頁面,同時保持儘可能多的狀態(例如滾動位置)。按住Shift鍵的同時單擊重新加載按鈕或按Ctrl鍵的同時按下F5以完全重新加載,即可執行強制重新加載。 –

0

我原先作出的設置檢查了「否」框=假,而不是設置檢查=「真」的「是」框的錯誤。

然而,你可能會考慮一個類似的修復,我想出了以確保你得到你想要的值在頁面加載時:

<input type="radio" name="mybox" id="mybox_yes" value="1"> 
<input type="radio" name="mybox" id="mybox_no" checked="checked" value="0"> 

<script> 

    var mybox = 0; // value 1 or 0 inserted with server side script 

    if(mybox == 1){ 
     var fix_checkbox = function(){ 
      document.getElementById("mybox_yes").checked=true; 
     }; 
    } 
    else 
    { 
     var fix_checkbox = function(){ 
     document.getElementById("mybox_no").checked=true; 
     }; 
    } 

    setTimeout(fix_checkbox,1000); 

</script> 

它可能會更好做邏輯服務器端就只能輸出行,你想:

<script> 
    setTimeout(function(){document.getElementById("mybox_no").checked=true;},1000); 
</script> 
相關問題