a/ zone de texte
Pour recuperer le contenu :
Nomvariable= document. getElementById(‘idtexte’).value ;
Pour modifier le contenu :
document. getElementById(‘idtexte’).value =expression ;
NB: Les controles password ,email,tel,number, textarea sont traitées avec la meme façon .
b/les boutons radio
Pour tester si la case est coché
document. getElementById(‘idradio’).checked==true ;
Pour recuperer la valeur d’un bouton radio
nomvariable = document. getElementById(‘idradio’).value ;
Pour recuperer le nombre d’options :
nomvariable = document. getElementById(‘idradio’). length ;
Pour recuperer la valeur d’un bouton checkbox
nomvariable = document. getElementById(‘idchek’).value ;
Verifier si une case est cocher :
nomvariable = document. getElementById(‘idchek’). checked ;
d/ liste de selection
Retourne le nombre d’éléments de la liste
document. getElementById(‘idliste’).length ;
Pour récupérer l’indice de l’élément sélectionné dans une liste déroulante à sélection unique.
document. getElementById(‘idliste’).selectedIndex ;
NB1 : L’indice d’une liste déroulante commence à partir de 0.
Tester si l’option est sélectionnée (true, false sinon).
document. getElementById(‘idliste’).options[i].selected ;
Renvoie la valeur de l’élément sélectionné.
document. getElementById(‘idliste’).options[i].value ;
Pour ajouter une nouvelle option :
nomvariable= new Option(texte, valeur);
document. getElementById(‘idliste’).options[taille] = nomvariable;
texte : le texte de l’élément à ajouter.
valeur : la valeur de l’élément à ajouter.
taille : la position de l’élément à ajouter dans la liste.(length de la liste)
Pour supprimer une option :
document. getElementById(‘idliste’). options[i]=null ;
avec :
i : la position de l’élément à supprimer de la liste.
