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 :

Récupérer des éléments select


Sujet :

JavaScript

Vue hybride

schine Récupérer des éléments select 01/10/2015, 01h00
freddou17 Slt, Peux tu montrer le DOM... 01/10/2015, 12h55
jzyra En effet, le code DOM... 01/10/2015, 13h16
schine bonjour cela genere ca ... 01/10/2015, 13h33
schine re- merci jzyra en... 01/10/2015, 13h44
Invité Bonjour, il faut un... 01/10/2015, 13h35
Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2003
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2003
    Messages : 37
    Par défaut Récupérer des éléments select
    bonjour

    je m'initie a Javascript et pas evident
    j'ai ecrit ce code afin d'afficher des listes de choix. Une boucle me permet l'affichage

    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
    <table cellpadding="7px" cellspacing="5px">
     
    	<script>
    					I=0;
    					for ( i=0;i<=8;i++)
     
    					{ document.write("<tr><td><label>"+i+" - </label></td>");
    					document.write(" <td><select name=\"Selection"+i+" id=\"Selection"+i+">"	);			   
    				   document.write("<option value=\"1\"> Choisir.....</option>");
    				   document.write("<option value=\"2\"> Tanzanie</option>");
    				  document.write( "<option value=\"3\"> Maroc</option>");
    					document.write("<option value=\"4\"> Tunisie</option>");
    				   document.write("</select>");
    				document.write("</td></tr>");			
    				   }
     
    	</script>
                    </tr>
                </table>
    Mais je n'arrive pas a recuperer par la suite le choix que l'utilisateur a fait dans la liste déroulante.
    car quand j'ecris l'instruction
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     document.write(document.getElementById("Selection1").selectedIndex);
    rien ne se passe

    merci d'avance

  2. #2
    Membre chevronné Avatar de freddou17
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2013
    Messages
    341
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Sarthe (Pays de la Loire)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2013
    Messages : 341
    Par défaut
    Slt,
    Peux tu montrer le DOM généré stp?

    ++

  3. #3
    Membre confirmé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Octobre 2015
    Messages
    25
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Octobre 2015
    Messages : 25
    Par défaut
    En effet, le code DOM permettrait d'y voir plus clair.

    Il me semble qu'il y a une erreur sur cette ligne :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.write(" <td><select name=\"Selection"+i+" id=\"Selection"+i+">" );
    Peut-être essayer cette ligne :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.write(" <td><select name=\"Selection"+i+"\" id=\"Selection"+i+"\">" );

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2003
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2003
    Messages : 37
    Par défaut
    bonjour

    cela genere ca
    new 1.pdf

    j'ai essaye avec ta methode et ca ne marche pas

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2003
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2003
    Messages : 37
    Par défaut
    re-

    merci jzyra en re-esseyant ta fonction cela a marché.
    je te remercie

    merci jreaux62 l'idée est bonne

  6. #6
    Invité
    Invité(e)
    Par défaut
    Autre exemple de récupération/affichage :
    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
    23
    <table cellpadding="7px" cellspacing="5px">
    <script>
    for ( var i=0;i<=8;i++)
    { 
    	document.write("<tr><td><label>"+i+" - </label></td>");
    	document.write(" <td><select name=\"Selection"+i+"\" id=\"Selection"+i+"\" onchange=\"afficher_selection("+i+");\">" );			   
    	document.write("<option value=\"1\"> Choisir.....</option>");
    	document.write("<option value=\"2\"> Tanzanie</option>");
    	document.write( "<option value=\"3\"> Maroc</option>");
    	document.write("<option value=\"4\"> Tunisie</option>");
    	document.write("</select>");
    	document.write("</td></tr>");
    }
    function afficher_selection(id){
    	var listbox = document.getElementById('Selection'+id);
    	var selection = listbox.options[listbox.selectedIndex].text;
    	var texte = '<p>Vous avez sélectionné pour la liste '+ id +' : '+ selection +'.</p>';
    	// Affichage
    	document.getElementById('Affichage').innerHTML = texte;
    }
    </script>
    </table>
    <div id="Affichage"></div>

  7. #7
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    il faut un évènement pour déclencher l'affichage.

    Par exemple (à remplacer dans la boucle) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    	document.write(" <td><select name=\"Selection"+i+"\" id=\"Selection"+i+"\" onchange=\"alert(this.selectedIndex);\">" );
    Dernière modification par Invité ; 01/10/2015 à 14h05.

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 29/06/2010, 09h43
  2. [SP-2007] [WSS]Récupérer des éléments d'un autre site.
    Par ludojojo dans le forum SharePoint
    Réponses: 2
    Dernier message: 20/04/2010, 15h43
  3. récupérer des éléments enfants.
    Par skerdreux dans le forum Linq
    Réponses: 9
    Dernier message: 02/03/2010, 15h25
  4. Réponses: 2
    Dernier message: 15/07/2008, 09h26
  5. [MySQL] Récupérer des éléments d'une base
    Par kumo dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 02/11/2007, 12h25

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