Comment reset un INPUT en JavaScript ?
Comment faire pour reset un INPUT en JavaScript, et replacer l'élément OPTION sur sa valeur par défaut ?
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.