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 :

Liste déroulante javascript


Sujet :

JavaScript

  1. #1
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : Algérie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2015
    Messages : 136
    Points : 52
    Points
    52
    Par défaut Liste déroulante javascript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     var texte;
    texte = document.getElementById("liste").options[document.getElementById('liste').selectedIndex].text;
    ce code me permet de récupérer le texte d'une option d'un select
    comment faire si j'ai plusieurs liste déroulante ?

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Ben... tu fais la même chose pour les autres listes.

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    329
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 329
    Points : 151
    Points
    151
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var texte2;
    texte2 = document.getElementById("liste2").options[document.getElementById('liste2').selectedIndex].text;

  4. #4
    Membre expérimenté
    Homme Profil pro
    bricoleur par les mots
    Inscrit en
    Avril 2015
    Messages
    726
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 79
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : bricoleur par les mots
    Secteur : Distribution

    Informations forums :
    Inscription : Avril 2015
    Messages : 726
    Points : 1 631
    Points
    1 631
    Par défaut
    pourquoi la plus par du temp vous utilisez cette syntaxe abominable pour recuperer la valeur selectionné il suffit d'utiliser value c'est fait pour

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
     var texte;
    texte = document.getElementById("liste2").value
    et quand on a plusieurs selecte il faut utiliser les parametres de la fonction ou boucler sur les element tous depend du contexte

  5. #5
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : Algérie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2015
    Messages : 136
    Points : 52
    Points
    52
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Ben... tu fais la même chose pour les autres listes.
    je me suis mal expliqué j'ai un formulaire qui contient des champ type text ,date, bouton radion, case a coché et liste deroulante
    j'ai une fonction javascript qui parcours le formulaire et affiche le contenu seulement je bloque au niveau de la liste deroulante (j en ai plusieurs )
    je pense que je doit mettre un if !!!?
    voici mon code JS
    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
    17
    18
    19
    20
    21
    22
    function afficher(){
        var mesg = "                         Vérification de votre formulaire \n";
        var f=document.forms["CarteGrise"]; 
        for(var i=1; i<f.elements.length; i++)
            if((f.elements[i].type == 'text') || (f.elements[i].type == 'date')){
         	    if (f.elements[i].value == ""){
                    alert ( "les champs ne sont pas remplis !" );
    		f.elements[i].focus(); 
                    valid = false;
                    return valid;
    	    }
                else{
    		 mesg += f.elements[i].name + ": ";
                     mesg += f.elements[i].value + "\n";
    	    }
            }
    	else if (f[i].checked == true){
    	    mesg += f.elements[i].name + ": ";
                mesg += f.elements[i].value + "\n";
    	}
         alert(mesg);
    }

  6. #6
    Expert éminent
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Points : 9 127
    Points
    9 127
    Par défaut
    Là je comprends plus

    si tu parcours les inputs il suffit d'afficher la valeur de chaque input

    dans la boucle tu en a qu'un donc tu fait pareil pour tous

    A+JYT

  7. #7
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : Algérie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2015
    Messages : 136
    Points : 52
    Points
    52
    Par défaut
    mais au niveau de mes listes deroulante je fais comment !! !!!

  8. #8
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 098
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 098
    Points : 44 879
    Points
    44 879
    Par défaut
    Bonjour,
    de la même façon que pour le reste dans la boucle en testant par exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    if( oElem.tagName === 'SELECT'){
      alert( oElem.value);
    }

  9. #9
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : Algérie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2015
    Messages : 136
    Points : 52
    Points
    52
    Par défaut
    ça marche pas stp tu peut etre plus précis ! sachant que j'ai 3 liste déroulante Wilaya Marque et Vehicule

  10. #10
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 098
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 098
    Points : 44 879
    Points
    44 879
    Par défaut
    ça marche pas stp
    là cela nous permet de progresser...

    Il va de soit qu'il faut que tu adaptes à ton contexte.

  11. #11
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : Algérie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2015
    Messages : 136
    Points : 52
    Points
    52
    Par défaut
    j'ai mis sa
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    else {
        if( f.elements[i].type === 'SELECT'){
            mesg += f.elements[i].value;
    } }
    ça marche pas
    sinon l'autre solution après chaque champ il m'affiche la valeur du select !!

  12. #12
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 098
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 098
    Points : 44 879
    Points
    44 879
    Par défaut
    J'ai écris
    if( oElem.tagName === 'SELECT')
    alors pourquoi
    if( f.elements[i].type === 'SELECT')

  13. #13
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : Algérie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2015
    Messages : 136
    Points : 52
    Points
    52
    Par défaut
    j'ai mis sa
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
     else if( oElem.tagName === 'SELECT')
    {
     mesg +=( oElem.value);
     }
         alert(mesg);
    et ça marche tjr pas

  14. #14
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Tu n'as pas remarqué que dans ton code, tu n'utilises pas de variable oElem ?

  15. #15
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : Algérie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2015
    Messages : 136
    Points : 52
    Points
    52
    Par défaut
    j'ai mis ça
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    else if (f.elements[i].tagName === 'SELECT'){
        mesg += f.elements[i].value + "\n";}
        alert(mesg);
    et ça marche seulement j'ai besoin de récupérer le texte d'une option d'un select pas la valeur et aussi le nom de la liste déroulante

  16. #16
    Membre expérimenté
    Homme Profil pro
    bricoleur par les mots
    Inscrit en
    Avril 2015
    Messages
    726
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 79
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : bricoleur par les mots
    Secteur : Distribution

    Informations forums :
    Inscription : Avril 2015
    Messages : 726
    Points : 1 631
    Points
    1 631
    Par défaut
    essai comme ceci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    mesg +=f.elements[i].getElementsByTagName("option")[f.elements[i].selectedIndex].firstChild.nodeValue);
    selectedIndex quand tu me tient

    et pour le nom


  17. #17
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : Algérie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2015
    Messages : 136
    Points : 52
    Points
    52
    Par défaut
    ça marche ; merciii


+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. liste déroulante javascript
    Par jah_is_able dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 29/04/2009, 11h16
  2. 2 Liste déroulante javascript
    Par HWICE dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 08/07/2008, 23h45
  3. Recharger liste déroulante javascript
    Par killingspree dans le forum Général JavaScript
    Réponses: 15
    Dernier message: 07/02/2008, 17h29
  4. Liste déroulante javascript
    Par Lucky062 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 24/01/2008, 15h33
  5. [PHP-JS] Liste déroulante + Javascript + Php et Mysql : Besoin d'aide
    Par vampyrx dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 19/03/2006, 01h40

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