L'événement ONCHANGE

Evénement

Evénément intrinsèque qui se déclenche lorsque le contrôle est modifié.
Par exemple, lorsqu'on change le contenu d'un objet d'un formulaire et qu'on quitte cet objet

Syntaxe

HTML : <ELEMENT onchange = "fonction javascript"...>

JAVASCRIPT : object.onchange = fonction>

Informations

Bulles	Non
Annulations	Oui
Pour appeler	Choisir une option différente dans un objet SELECT en utilisant soit la souris soit le clavier. Après la modification du texte dans une fenêtre TEXTAREA suivie d'une sortie du champ ( perte de focus ). Voir la page de la balise <TEXTAREA> , exemple N° 2 !
Action par défaut	Lorque l'élément perd le focus ET sa valeur a été modifiée depuis le dernier instant où il a été activé.

Remarques :

Cet événement est enclanché quand le changement du contenu est terminé ( perte de focus ) et non au cours du changement de valeur
Par exemple, dans une fenêtre à liste de choix, cet événement n'est pas enclanché en cour de frappe de l'utilisateur, mais seulement quand l'utilisateur valide le changement en quittant la fenêtre qui a le focus.

De plus, cet événement est exécuté avant le code spécifié par onblur quand le contrôle perd le focus.

L'élément onchange ne s'enclanche pas quand, dans un objet SELECT, l'option sélectionnée est modifiée par programmation.

Exemple d'utilisation :

<FORM> <P>Selectionner une option différente dans cette cartouche à liste de choix déroulante pour déclencher l'événement <B><FONT COLOR="#FF0000">onchange </FONT></B>.<P> <SELECT NAME=selTest onchange="alert('Index: ' + this.selectedIndex + '\nValeur: ' + this.options[this.selectedIndex].value)"> <OPTION VALUE="Lapins">Lapins <OPTION VALUE="Poulets">Poulets <OPTION VALUE="Canards">Canards </SELECT> </FORM>

sera rendu de la manière suivante :

Document additionnel ( Face cachée d'HTML ) :

	onChange= (sur un changement d'état des données.)	HTML
Définition	Définit le déclenchement d'un script lorsque des données ont été modifiées par l'utilisateur dans un formulaire, par exemple.	3.2	4.0
Syntaxe	<FORM><INPUT TYPE="text" VALUE="" NAME="userName" onChange="Définition du script";.autres paramètres de l'élément...></FORM>
Note:	Ce gestionnaire est attaché aux formulaires, plus précisément aux éléments INPUT, SELECT, TEXTAREA.