IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
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 :

javascript et liste de formulaire


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    116
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 116
    Points : 55
    Points
    55
    Par défaut javascript et liste de formulaire
    Bonsoir, j'ai un formulaire avec un champ en liste. Dans la liste j'ai plusieurs criteres et je voudrais un evenement on...... pour que quand l'utilisateur choisi "autre" dans la liste, un sous formulaire apparait juste en dessous.

    merci bien

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    onchange ou onclick ...

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    116
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 116
    Points : 55
    Points
    55
    Par défaut
    je ne connais pas vraiment grand chose en javascript, si tu pouvais m'eclairer un peu plus. merci

  4. #4
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    par exemple :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <select onchange="alert(this.value)">
    <option....>
    </select>
    en remplaçant le alert par ta fonction

  5. #5
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    116
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 116
    Points : 55
    Points
    55
    Par défaut
    justement c'est la fonction ou je bug, je ne connais vraiment rien en javascript. et c'est pas juste au onchange, c'est au onchange sur la value "autres". merci si vous pouviez m aider

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if(this.value=='autres')
    ou à partir du selectedIndex ...

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    453
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 453
    Points : 550
    Points
    550
    Par défaut
    Il faut faire un span sous ce input avec la propriete css visibility: hidden qui se rend visible seulement avec onchange="if(this.value=='autres') document.getElementById('LE ID DE MON SPAN').style.visibility = 'visible'")

  8. #8
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    116
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 116
    Points : 55
    Points
    55
    Par défaut
    j'ai fait ca :

    <
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    form id="form1" name="form1" method="post" action="">
      <label>
      <div align="center">
        <select name="select" id="select" onchange="if(this.value=='Autre') { document.getElementById('Autre').style.display = 'block' } ">
          <option value="adresse">adresse</option>
          <option value="adresse2">adresse2</option>
          <option value="Autre">Autre</option>
        </select>
        <br />
        <div id="Autre" class="display">Coucou</div><br />
        <div id="adresse" class="display">adresse hahah</div><br />
        <div id="adresse2" class="display">Coucou</div><br />
        <input type="submit" name="button" id="button" value="Envoyer" />
    Ca fonctionne au poil. Les valeurs du select sont generées via un while, sauf le "autre". comme exemple j'ai rajouté des div adresse et adresse2. je voudrais que onchange"adresse", il affiche le div adresse et ferme les auteres, et ainsi de suite, sachant que les div seront generée via un while aussi avec les ID correspondant au select. Serais-t'il plus facile de faire un refresh de la page au onchange ?

    merci

Discussions similaires

  1. [javascript] Probleme liste deroulante
    Par samtheh dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 06/12/2005, 14h13
  2. contrôle des zones de liste dans formulaire
    Par philpaul dans le forum IHM
    Réponses: 4
    Dernier message: 25/11/2005, 23h28
  3. [javascript] pb liste déroulante
    Par fxp17 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 23/02/2005, 09h47
  4. javascript et liste déroulante
    Par Ova dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 06/12/2004, 10h01
  5. JavaScript de vérification de formulaire
    Par [DreaMs] dans le forum XMLRAD
    Réponses: 6
    Dernier message: 26/02/2003, 13h48

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