mise à jour d'un champ dans un formulaire

Version imprimable

J'ai une liste déroulante dans un formulaire et je voudrais en fonction de la sélection dans cette liste mettre à jour un champ texte du formulaire.

voici le code de mon formulaire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<FORM id=frmComment name=frmComment onsubmit=EcritMessage()>
		  <INPUT id=s type=hidden value=33FC0575238E0966E7E7342E28CB9BFD name=s> 
<P>
<LABEL for=authorNickName>Nom ou pseudo :</LABEL> <BR>
<SELECT onchange='MAJ_dest()' Name=Selection >
         <OPTION VALUE=Option1> Le président
         <OPTION VALUE=Option2 SELECTED> Le vice-président
         <OPTION VALUE=Option3> Le secrétaire
		 <OPTION VALUE=Option3> Le trésorier
	     <OPTION VALUE=Option3> Le webmaster
         <OPTION VALUE=Option3> Le responsable de la formation
</SELECT>
 
<INPUT id=authorNickName maxLength=16 onchange=handleChange(this) name=authorNickName> 
</P>
<INPUT type=submit value=Envoyer name=submit> <BR></FORM>

voici le code de la fonction MAJ_Dest() :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function MAJ_Dest(dest)
 {
 var toto = "";
 if (dest='Le président')
 {
 toto = 'Nicolas';
 }
 else if (dest='Le trésorier')
 {
 toto = 'FX';
 }
 else (toto = 'autre';}
  document.getElementById('authorNickName').value=MAJ_Dest0(dd); 
 }

mais aucune mise à jour ne se fait, pourquoi ?

merci pour vos réponses,

Nico

1- eviter les multiposts
2- volia ce que tu as besoin:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<FORM id=frmComment name=frmComment onsubmit=EcritMessage()>
        <INPUT id=s type=hidden value=33FC0575238E0966E7E7342E28CB9BFD name=s>
<P>
<LABEL for=authorNickName>Nom ou pseudo :</LABEL> <BR>
<SELECT onchange='MAJ_dest()' Name=Selection >
         <OPTION VALUE=Option1> Le président
         <OPTION VALUE=Option2 SELECTED> Le vice-président
         <OPTION VALUE=Option3> Le secrétaire
       <OPTION VALUE=Option3> Le trésorier
        <OPTION VALUE=Option3> Le webmaster
         <OPTION VALUE=Option3> Le responsable de la formation
</SELECT>
 
<INPUT id=authorNickName maxLength=16 onchange=handleChange(this) name=authorNickName>
</P>
<INPUT type=submit value=Envoyer name=submit> <BR></FORM>

et dans ta fonction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function MAJ_Dest()
 {
 var toto = "",dest;
dest =document.getElementById('Selection').options[document.getElementById('Selection').selectedIndex].text
 if (dest='Le président')
 {
 toto = 'Nicolas';
 }
 else if (dest='Le trésorier')
 {
 toto = 'FX';
 }
 else (toto = 'autre';}
  document.getElementById('authorNickName').value=toto;
 }

31/03/2006, 07h52
DiverSIG

OK, mais ça ne marche que à la première sélection dans la liste.
Si je sélectionne un autre item, le champ texte ne se met plus à jour.

Nico
31/03/2006, 08h03
DiverSIG

en fait, ça semble être mon instruction if ... then... else ... qui n'est pas bonne.
est-ce que quelqu'un peut me confrirmer cela ?

existe-t-il en javascript une instruction case qui evite de faire des boucles if imbriquées ?

Nico
31/03/2006, 08h10
DiverSIG

Avec l'instruction switch, ça marche au poil

Nico