Manuel de référence HTML

Généralité des balises HTML

Attribut onchange HTML

onchange peut être utilisé pour obtenir ou définir la fonction de traitement de l'événement change de l'élément actuel.

Exemple en ligne

Lorsque l'utilisateur change l'option sélectionnée de l'élément <select>, exécutez JavaScript:

Exemple

<!DOCTYPE html>
<html>
<head>
<title>Utilisation de l'attribut onchange HTML (Tutoriel de base du site web oldtoolbag.com)</title>
</head>
<body>
<p>Sélectionnez une nouvelle voiture dans la liste.</p>
<select id="mySelect" onchange="myFunction()">
　　<option value="Audi">Audi
　　<option value="BMW">BMW
　　<option value="Mercedes">Mercedes
　　<option value="Volvo">Volvo
</select>
<p>Quand vous sélectionnez une nouvelle voiture, une fonction est déclenchée qui affiche la valeur de la voiture sélectionnée.</p>
<p id="demo"></p>
<script>
function myFunction() {
　　var x = document.getElementById("mySelect").value;
　　document.getElementById("demo").innerHTML = "Vous avez sélectionné : "　+　x;
}
</script>
</body>
</html>

Testez pour voir ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge l'attribut onchange

Définition et utilisation

L'attribut onchange est déclenché lorsque la valeur de l'élément change.

Astuce : cet événement est similaire à l'événement oninput. La différence réside dans le fait que l'événement oninput se déclenche immédiatement après que la valeur de l'élément ait été modifiée, tandis que l'événement onchange se déclenche lorsque l'élément perd le focus. Une autre différence est que l'événement onchange peut également s'appliquer à l'élément <select>.

HTML 4.01 et HTML5les différences entre

sans différence.

Syntaxe

<element onchange="script">

Valeur de l'attribut

Valeur	Description
script	Définit le script à exécuter lorsque l'événement onchange est déclenché.

Attributs d'événement HTML

HTML: <template> balise