Usando core jQuery, ¿cómo elimina todas las opciones de un cuadro de selección, luego agrega una opción y la selecciona?
Mi cuadro de selección es el siguiente.
<Select id="mySelect" size="9"> </Select>
EDITAR: El siguiente código fue útil para encadenar. Sin embargo, (en Internet Explorer) .val('whatever')
no seleccionó la opción que se agregó. (Utilicé el mismo 'valor' en ambos .append
y .val
.)
$('#mySelect').find('option').remove().end()
.append('<option value="whatever">text</option>').val('whatever');
EDITAR: al intentar que imite este código, utilizo el siguiente código cada vez que se restablece la página / formulario. Este cuadro de selección se completa con un conjunto de botones de opción. .focus()
estaba más cerca, pero la opción no parecía seleccionada como lo hace con .selected= "true"
. No hay nada malo con mi código existente: solo estoy tratando de aprender jQuery.
var mySelect = document.getElementById('mySelect');
mySelect.options.length = 0;
mySelect.options[0] = new Option ("Foo (only choice)", "Foo");
mySelect.options[0].selected="true";
EDITAR: la respuesta seleccionada estaba cerca de lo que necesitaba. Esto funcionó para mí:
$('#mySelect').children().remove().end()
.append('<option selected value="whatever">text</option>') ;
Pero ambas respuestas me llevaron a mi solución final.