El formulario de registro que estoy creando tiene opción comercial y residencial en el menú desplegable de selección.<select> ventana que no se actualiza después del cambio en el atributo seleccionado en <option>
Según el tipo de página activa, cambio la opción seleccionada predeterminada.
Aquí está el html:
<select class="type_c" name="type_c"> // default selected is business
<option value="Business" selected="selected">Business</option>
<option value="Residential">Residential</option>
</select>
Aquí está el código corro en el pie de cada página para cambiar esos valores:
$(function(){
var pageType = getPageType(); // returns either 'Business' or 'Residential'
$('.type_c option').each(function(){
$(this).removeAttr('selected');
});
$('.type_c option').each(function(){
if($(this).html() == pageType)
$(this).attr('selected','selected')
});
});
La cuestión es que cuando está en una página 'residencial' , la opción 'Residencial' se selecciona en DOM pero visualmente, la opción 'Negocio' está seleccionada.
Gracias.
Se realizó una edición para indicar que esto solo ocurre en Firefox. Estaba pensando que siempre estaba sucediendo. –