如何選擇在頁面刷新時標記在<select>中選擇的選項

Question

我的<select>在我的頁面上有幾個選項，其中一個選項標記爲selected。第一次加載頁面時，按預期方式預選選項。現在，如果用戶選擇另一個選項並通過按f5刷新頁面（或單擊刷新）。 Mozilla和幾乎所有的現代瀏覽器都會選擇用戶選擇的選項，而不是標記爲selected的選項。我如何確保標記爲selected的頁面刷新選項始終是預先選定的，而不是一個用戶在按F5之前選擇的;

<select name="Fruit"> 
    <option value="7336707">Apple</option> 
    <option value="9288359">Guava</option> 
    <option value="1797363" selected="selected">Mango</option> 
    <option value="9288359">Grapes</option> 
</select> 

Answer 1

不小心我也面臨同樣的問題。並解決如下。

$(document).ready(function(){  
    $('select').each(function(){ 
     $(this).val($(this).find("option[selected=selected]").val()); 
    }); 
}); 

Answer 2

也許你可以在裏面domready中使用jQuery選擇它：

$(document).ready(function(){ 
     $('select[name=fruit]').val($('select[name=fruit] option:selected').val()); 
}); 

無法雖然測試這一項。這個想法是，如果在HTML中一個選項被標記爲選中，此代碼將select設置爲該選項的值。