Comment reset un INPUT en JavaScript ?

Réponses rédigées par Antoine
Dernière mise à jour : 2018-06-10 16:16:39
Thèmes : javascript - script
Question

Comment faire pour reset un INPUT en JavaScript, et replacer l'élément OPTION sur sa valeur par défaut ?

Réponse

Pour reset un INPUT TEXT avec JavaScript, vous devez attribuer un ID à votre INPUT, par exemple :

<input type="text" value="" id="message">

Le code JavaScript pour reset un INPUT TEXT :

document.getElementById("message").value = "";

Pour reset un INPUT SELECT avec JavaScript et le repositionner sur son OPTION par défaut, vous devez attribuer un ID à votre INPUT, et sélectionnez son option par défaut, par exemple :

<select class="form-control" id="mode">
<option selected>Mode...</option>
<option value="mode1">Mode 1</option>
<option value="mode2">Mode 2</option>
</select>

Le code JavaScript pour reset un INPUT SELECT :

var options = document.querySelectorAll('#mode option');
for (var i = 0, l = options.length; i < l; i++)
{
    options[i].selected = options[i].defaultSelected;
}

En jQuery :

$('#mode option').prop('selected', function() {return this.defaultSelected;});

Pour reset un INPUT RADIO ou CHECKBOX, et cocher ou décocher une case, vous devez également attribuer un ID, par exemple :

<input type="radio" id="test" value="1">

Le code JavaScript pour reset un INPUT RADIO ou CHECKBOX:

document.getElementById('test').checked = false;

ou

document.getElementById('test').checked = true;

Rappel : Un id doit être unique, c'est à dire qu'il ne faut jamais qu'une page HTML contiennent deux ou plusieurs id identiques.