Come si eliminano i valori dell'elenco a discesa sull'evento click del pulsante utilizzando jQuery?

Question

Come si eliminano i valori dell'elenco a discesa sull'evento clic del pulsante utilizzando jQuery?

Answer 1

A breve alternativa alla prima soluzione data dal Russ Cam sarebbe:

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

Questo presuppone che si desidera conservare l'elenco, ma lo rendono in modo che nessuna opzione sia selezionata.

Se si desidera selezionare un valore predefinito particolare, basta passare quel valore anziché una stringa vuota.

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

o di farlo con l'indice dell'opzione, si potrebbe fare:

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

Answer 2

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

Questo rimuoverà tutti gli elementi <option> sotto l'elemento del menu a discesa.

Se si desidera deselezionare gli elementi selezionati, passare con il codice da Russ.

Answer 3

Se si desidera reimpostare le opzioni selezionate

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

Se si vuole realmente rimuovere le opzioni (anche se non credo che vuoi dire questo).

$('select').empty(); 

sostituto select per il selettore più appropriato nel tuo caso (questo può essere per ID o per classe CSS). Utilizzando come è azzera tutti <select> elementi della pagina

Answer 4

Se si desidera ripristinare la pagina di bootstrap con pulsante di scatto utilizzando jQuery:

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

Utilizzando sopra il codice hai anche cambiato il colore del campo da rosso a normale.

Se si desidera azzerare unico valore messo in campo quindi:

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