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 :

Vérifier la valeur d'un <select> <opt...> </s


Sujet :

JavaScript

  1. #1
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Août 2005
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 5
    Points : 1
    Points
    1
    Par défaut Vérifier la valeur d'un <select> <opt...> </s
    Bonjour,

    Petit soucis pour la validation d'un formulaire : je n'arrive pas a acceder au contenu de mes listes deroulante.
    Pour simplifier on va dire que j'ai :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <form name=form_date action="page.php" method="get" on submit="verif()">
    <select name="liste1">
         <option> 1 </option>
         <option> 2 </option>
         <option> 3 </option>
    </select>
     
    <select name="liste2">
         <option> 1 </option>
         <option> 2 </option>
         <option> 3 </option>
    </select>
    <input type=submit name=date_submit value="ok">
    et dans ma fonciton verif je doit verifier que la selection de liste1 est bien > a la selection de liste2.
    Mon pb de newbie : je n'arrive pas a acceder aux valeurs selectionnées malgre ce que j'ai lu a droite et a gauche... :

  2. #2
    Expert éminent

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Points : 7 641
    Points
    7 641

  3. #3
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Août 2005
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 5
    Points : 1
    Points
    1
    Par défaut
    Oui ui j'me sentais un peu spammy avec ce post..j'avais bien lu ton tuto, n'empeche que je n'arrive aps à l'implémenter

    je sais je sais

  4. #4
    Expert éminent

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Points : 7 641
    Points
    7 641
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <form name="form_date" action="page.php" method="get" onsubmit="verif()"> 
    <select name="liste1"> 
         <option value="1"> 1 </option> 
         <option value="2"> 2 </option> 
         <option value="3"> 3 </option> 
    </select> ...
    Mieux vaut mettre des values à tes options c'est quand même mieux (même si IE sais faire sans), onsubmit en un seul mot, et le nom de ta form avec des guillemets.... Ensuite:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var selectBox = document.forms['form_date'].liste1; 
    var liste1Value = selectBox.options[selectBox.selectedIndex].value
    et liste1Value contient la valeur selectionnée dans le select liste1. Plus qu'à faire la même chose avec le deuxième, transformer les valeurs en entiers (attention à la base 8...) et comparer les valeurs.

  5. #5
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Août 2005
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 5
    Points : 1
    Points
    1
    Par défaut
    merci de repondre

    J'ai recopie mon code avec des erreurs..mais meme en ajoutant ce que tu me conseilles je n'y arrive pas :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
     
    <script language="javascript">
    function verif_form(){
    var selectBox = document.forms['form_date'].liste1;
    var liste1Value = selectBox.options[selectBox.selectedIndex].value ;
    alert(liste1Value);
    }
     
    </script>
    et je n'ai aucune boite d'alert qui apparait

  6. #6
    Expert éminent

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Points : 7 641
    Points
    7 641
    Par défaut
    Tu dois avoir un problème de nommage de la fonction de vérification... Elle s'appelle verif ou verif_form???

    Moi ça me parait bon

  7. #7
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Août 2005
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 5
    Points : 1
    Points
    1
    Par défaut
    oui desole c verif_form(), mais dans mon script j'ai bien onsubmit="verif_form".
    Le PC sur lequel je developpe n'est pas sur le net c pour qu'il y a quelques erreurs de recopiage.

    Par contre si je ne mets que ca :

    function verif_form(){
    alert('test');
    }

    j'ai bien mon 'test' qui apparait...

  8. #8
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Août 2005
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 5
    Points : 1
    Points
    1
    Par défaut
    Ok ok a 3 je sors :
    1
    2
    3

    j'suis deja dehors...

    en fait j'avais une erreur dans une de mes fonctions : a la place d'un ; j'avais mis une , !!
    Desole d'avoir pollue et merci de ton aide!

  9. #9
    Expert éminent

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Points : 7 641
    Points
    7 641
    Par défaut


    C'est tout naturel A bientot !!

Discussions similaires

  1. recupere valeur d'une balise select
    Par naourass dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 03/11/2005, 10h18
  2. récupérer toutes les valeurs choisies ds un select multiple
    Par toome dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 24/10/2005, 13h45
  3. Valeur selectionnée dans un select
    Par mic79 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 10/05/2005, 14h03
  4. Changer la valeur sélectionnée d'un <select> en javasc
    Par Oluha dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 21/02/2005, 15h53
  5. Joindre une valeur arbitraire dans un SELECT
    Par Tuxxy dans le forum Requêtes
    Réponses: 3
    Dernier message: 20/01/2004, 17h04

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