Comment effacer les valeurs de liste déroulante sur un événement de clic sur un bouton en utilisant jQuery?

Question

Comment effacer les valeurs de liste déroulante sur un événement de clic de bouton à l'aide de jQuery?

Answer 1

Une alternative plus courte à la première solution donnée par Russ Cam serait:

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

Cela suppose que vous souhaitez conserver la liste, mais faire de sorte qu'aucune option n'est sélectionnée.

Si vous souhaitez sélectionner une valeur par défaut particulière, transmettez simplement cette valeur au lieu d'une chaîne vide.

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

ou de le faire par l'indice de l'option, vous pouvez faire:

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

Answer 2

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

Cela supprimera tous les éléments <option> sous l'élément déroulant.

Si vous souhaitez désélectionner les éléments sélectionnés, utilisez le code de Russ.

Answer 3

Si vous souhaitez réinitialiser les options sélectionnées

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

Si vous voulez vraiment supprimer les options (bien que je ne pense pas vous dire).

$('select').empty(); 

suppléant select pour le sélecteur le plus approprié dans votre cas (cela peut être par id ou par classe CSS). L'utilisation en l'état réinitialisera tous <select> éléments sur la page

Answer 4

Si vous souhaitez réinitialiser la page d'amorçage avec le bouton clic en utilisant jQuery:

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

aide Au-dessus du code, vous avez également changé la couleur du champ en rouge à la normale.

Si vous souhaitez réinitialiser seule valeur mis en service alors:

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