Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

mise � jour d'un champ dans un formulaire


Sujet :

JavaScript

  1. #1
    Membre �clair�
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    494
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 494
    Par d�faut mise � jour d'un champ dans un formulaire
    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    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

  2. #2
    Membre chevronn� Avatar de amika
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    498
    D�tails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Septembre 2004
    Messages : 498
    Par d�faut
    1- eviter les multiposts
    2- volia ce que tu as besoin:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    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;
     }

  3. #3
    Membre �clair�
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    494
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 494
    Par d�faut
    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

  4. #4
    Membre �clair�
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    494
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 494
    Par d�faut
    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

  5. #5
    Membre �clair�
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    494
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 494
    Par d�faut
    Avec l'instruction switch, �a marche au poil

    Nico

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�ponses: 0
    Dernier message: 17/04/2014, 11h24
  2. R�ponses: 2
    Dernier message: 22/10/2008, 09h29
  3. R�ponses: 4
    Dernier message: 30/05/2006, 20h44
  4. mise � jour d'un champ dans un formulaire
    Par DiverSIG dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 30/03/2006, 19h42
  5. R�ponses: 2
    Dernier message: 12/02/2003, 15h26

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo