¿Cómo borro los valores de la lista desplegable en el evento de clic de botón usando jQuery?

Question

¿Cómo borro los valores de la lista desplegable en el evento de clic de botón usando jQuery?

Answer 1

Una alternativa más corta que la primera solución dada por Russ Cam sería:

$('#mySelect').val(''); 

Esto supone que desea conservar la lista, pero que sea para que no se seleccione ninguna opción.

Si desea seleccionar un valor predeterminado en particular, simplemente pase ese valor en lugar de una cadena vacía.

$('#mySelect').val('someDefaultValue'); 

o hacerlo por el índice de la opción, que podría hacer:

$('#mySelect option:eq(0)').attr('selected','selected'); // Select first option 

Answer 2

$('#dropdownid').empty(); 

Eso eliminará todos los <option> elementos debajo del elemento desplegable.

Si desea desmarcar elementos seleccionados, vaya con el código de Russ.

Answer 3

Si desea restablecer las opciones seleccionadas

$('select option:selected').removeAttr('selected'); 

Si realmente desea eliminar las opciones (aunque no creo que quiere decir esto).

$('select').empty(); 

Sustituto select para el selector más apropiado en su caso (esto puede ser por ello o por clase CSS). Usando tal cual se recuperan todos <select> elementos de la página

Answer 4

Si desea restablecer la página de arranque con botón de clic utilizando jQuery:

function resetForm(){ 
     var validator = $("#form_ID").validate(); 
     validator.resetForm(); 
} 

Uso encima del código también tiene que cambiar el color del campo de rojo a normal.

Si desea restablecer único valor alineó a continuación:

$("#form_ID")[0].reset();