頁面上的HTML下拉值更改刷新

我有一個簡單的HTML下拉瓦特/不附加任何JS（還）。

這是使用HTML4（XHTML1？）和過渡的doctype。順便說一句..我嘗試了逃避斜線和沒有，相同的結果。（/）

<select id="myDropdown" name="myDropdown"> 
<option value="option1" selected="selected">Contact &#x2F; Email Customer Care</option> 
<option value="option2">Group &#x2F; Private Tour</option> 
<option value="option3">Option3</option> 
<option value="option4">Option4</option> 
<option value="option5">Option5</option> 
</select>

當我做硬重載（Ctrl + F5，或CTRL + SHIFT + R）它加載在框中正確的選項（選項1）。

但是，如果我打只是普通F5的軟刷新，它加載選項2，因爲只有當選項1選擇該選擇的選項。如果選擇了選項3,4或5，則不會改變。但是，如果選擇選項1，則每次刷新頁面時都會更改爲選項2。

任何想法爲什麼會發生這種情況？這是非常令人沮喪的，我沒有看到任何關於它的在線。

感謝

來源

2014-02-10 Brian Patterson

哪種瀏覽器？在Safari和Chrome上（都在OSX上）我無法再現這個 – Offbeatmammal

好點，顯然這只是一個問題w/firefox –

爲什麼我不能編輯我自己的帖子？ –

這似乎是一個奇怪的Firefox的行爲，我可以看到它在Firefox的版本直至幷包括27（電流）。我建議記錄一個錯誤/發送反饋。

來解決這個問題，雖然是很簡單...如果你想下拉總是在頁面加載腳本重置後的組合將迫使該（並且不產生負面影響的只是一個簡單的位在其他瀏覽器

<script> 
// console.log(document.getElementById("myDropdown").value) 
document.getElementById("myDropdown").selectedIndex = 0 
</script>

如果選擇的值很可能會改變，那麼你會希望selectedIndex匹配要調整任何值selected指示。

哦，只是一張紙條上該selected="selected" ...該屬性通常只是selected但

<option value="option1" selected>Contact &#x2F; Email Customer Care</option>

不會在這裏做一個差異

來源

2014-02-10 02:41:58 Offbeatmammal

感謝您的回答。我知道我可以使用JS，但想知道爲什麼在世界上它是這樣做的。如果它只是一個FF bug tho，那麼最終有望消失。我不知道如何去做所有的bug記錄，等等。關於「選擇」的問題，對於html5來說呢？或只是HTML4？我知道xhtml1被選中=「選中」 –

順便說一句，即使我完全刪除selected =「selected」相同的行爲結果。 –

我已經添加了對Bugzilla [https://bugzilla.mozilla.org/show_bug.cgi?id=632351]的引用，但是自2011年以來它已經開放，我懷疑你需要從上面的JS來修復它一會兒;） – Offbeatmammal

頁面上的HTML下拉值更改刷新

回答

相關問題