Récupérer des éléments select

Version imprimable

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:

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:

document.write(document.getElementById("Selection1").selectedIndex);

rien ne se passe

merci d'avance

01/10/2015, 12h55
freddou17

Slt,
Peux tu montrer le DOM généré stp?

++
01/10/2015, 13h16
jzyra
En effet, le code DOM permettrait d'y voir plus clair.

Il me semble qu'il y a une erreur sur cette ligne :
Code:

1 2 document.write(" <td><select name=\"Selection"+i+" id=\"Selection"+i+">" );
Peut-être essayer cette ligne :
Code:

1 2 document.write(" <td><select name=\"Selection"+i+"\" id=\"Selection"+i+"\">" );
01/10/2015, 13h33
schine

1 pièce(s) jointe(s)

bonjour

cela genere ca
Pièce jointe 189187

j'ai essaye avec ta methode et ca ne marche pas
01/10/2015, 13h35
Invité

Bonjour,
il faut un évènement pour déclencher l'affichage.

Par exemple (à remplacer dans la boucle) :

Code:

document.write(" <td><select name=\"Selection"+i+"\" id=\"Selection"+i+"\" onchange=\"alert(this.selectedIndex);\">" );
01/10/2015, 13h44
schine

re-

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

merci jreaux62 l'idée est bonne

Autre exemple de récupération/affichage :

Code:

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>

03/10/2015, 08h42
NoSmoking

Bonjour,

Citation:

Envoyé par schine

je m'initie a Javascript et pas evident

dans ce cas il te faut prendre de bonnes habitudes et oublier tout de suite document.write, très rares sont les cas ou l'on a à l'utiliser ;)

A lire : Comprendre document.write() en JavaScript