come selezionare l'opzione contrassegnata selezionata in <select> all'aggiornamento della pagina (o viene premuto f5)

Question

Ho una <select> con alcune opzioni sulla mia pagina, una delle opzioni è contrassegnata con selected. Quando la pagina viene caricata per la prima volta, le opzioni sono preselezionate come previsto. Ora se l'utente sceglie un'altra opzione e aggiorna la pagina premendo f5 (o facendo clic su Aggiorna). Mozilla e quasi tutti i browser moderni selezionano le opzioni scelte dall'utente, non quella contrassegnata con selected. Come posso assicurarmi che l'opzione di aggiornamento della pagina contrassegnata selezionata sia sempre preselezionata, non quella scelta dall'utente prima di premere 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

Per inciso anch'io ho affrontato lo stesso problema. E risolto come sotto.

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

Answer 2

Forse è possibile selezionarlo con jQuery all'interno domready:

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

Non può provare questo però. L'idea è che se l'opzione html è contrassegnata come selezionata, questo codice imposta la selezione sul valore di tale opzione.