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

Question

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

Answer 1

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

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

Cela suppose que vous souhaitiez conserver la liste, mais qu’aucune option ne soit sélectionnée.

Si vous souhaitez sélectionner une valeur par défaut particulière, transmettez-la simplement à la place d'une chaîne vide.

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

ou pour le faire par l'index 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> situés sous l'élément de liste déroulante.

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 réellement supprimer les options (bien que je ne pense pas que vous vouliez dire ça).

$('select').empty();

Substituez select au sélecteur le plus approprié dans votre cas (cela peut être par id ou par classe CSS). Utiliser tel quel réinitialisera tous les éléments <select> de la page

Answer 4

Si vous souhaitez réinitialiser la page d'amorçage avec un clic de bouton à l'aide de jQuery:

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

En utilisant le code ci-dessus, vous devez également changer la couleur du champ de rouge à normal.

Si vous souhaitez réinitialiser uniquement la valeur saisie, procédez comme suit:

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