Apprendre les langages du web c'est si simple avec nous
Site
Tutoriaux
Lexiques
Forums
Membres
Autre
Publicité
Sélectionner un champ - XwZ
Pour selectionner un champ dans un formulaire il y a plusieurs méthode, la méthode 'propre' et la méthode 'invalide'.Pour selectionner un champ proprement, on peu doit définir un id dans la balise (l'id doit bien évidement être unique à cet élément.
Une fois définit on peu le selectionner grace à la méthode getElementById, méthode de la classe document, on doit donc l'utiliser de la manière suivante :
document.getElementById( 'l_id_du_champ' )
bon là, vous ne pourrez pas faire grand chose, vous avez récupéré votre élément mais ce n'est pas très interressant, on va donc voir comment récupérer le contenue du champ, pour cela il faut utiliser la méthode innerHTML.
Pour l'utiliser il faut utiliser la syntaxe suivante :
document.getElementById( 'l_id_du_champ' ).innerHTML
Avec ça vous récupérez la valeur en lecture/écriture.
Pour la méthode un peu moins propre il faut définir un name au formulaire en mettant un attribut name dans la balise form en plus de celui obligatoirement présent dans le champ du formulaire.
Exemple de formulaire à un seul champ :
<form method="post" action="" name="mon_formulaire">
<input type="texte" name="mon_champ" />
</form>Pour sélectionner ce champ il vous faut utiliser le nom du formulaire avec le nom du champ, exemple :
document.mon_formulaire.mon_champ
Maintenant pour récupérer la valeur il vous faut utiliser la méthode value :
document.mon_formulaire.mon_champ.value
Il faut savoir que cette méthode est 'barbare' je vous conseille donc d'utiliser la méthode suivante (ce conseil n'est valable que si vous n'utiliser pas les id des champs) :
document.form['mon_formulaire'].elements['mon_champ'].value
cela vous fait rajouter quelques caractère à votre code mais il est beaucoup plus clair et propre avec cette dernière méthode.