cómo seleccionar la opción marcada seleccionada en <select> en la página de actualización (o se presiona f5)

Question

Estoy teniendo un <select> con pocas opciones en mi página, una de las opciones está marcada selected. Cuando la página se carga por primera vez, las opciones se preseleccionan como se esperaba. Ahora, si el usuario elige otra opción y actualiza la página presionando f5 (o haciendo clic en Actualizar). Mozilla y casi todos los navegadores modernos selecciona las opciones elegidas por el usuario no la marcan selected. ¿Cómo puedo estar seguro de que en la página opción de actualización marcado seleccionado es siempre preseleccionada, no el usuario escogió antes de pulsar 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

accidentalmente yo también estaba enfrentando el mismo problema. Y resuelto como a continuación.

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

Answer 2

Tal vez se puede seleccionar con jQuery dentro domready:

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

no pueden probar éste sin embargo. La idea es que si en el código HTML de una opción se marca como seleccionado, este código establece la selección para el valor de esa opción.