Retour de liste deroulante

**samuel4256** · 22/07/2010, 10h18

Bonjour, j'ai une liste déroulante dans mon code HTML, seulement quoi que je choisisse, le retour correspond toujours au choix n°1...
J'ai dû faire une erreur dans ma fonction Javascript mais je ne vois pas ou.

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
24
25
26
27
28
29
30
31
32
33
34
35
//**********************************Liste déroulante des formations*****************************************/
		echo'
			<select name = "formation" size = "1"   onClick="envoiRequete3('.$i.')">' ;  
			foreach($bdd->afficherNomSFormationS() as $key=>$formation){
				echo'<option id="ffformation.'$i.'" align="center">'.$formation.'</option>' ;
				$i++ ;  
				}
			echo'
			</select>
		</form>' ;
		/**********************************************************************************************************/
 
 
function envoiRequete3(iLigne)
{
   var ffformation = document.getElementById('ffformation'+iLigne).value;
 
    for (i=1 ; i<=200 ; i++)
        {
            if (document.getElementById('ffformation'+iLigne).selected)
                {
                    requeteAjax.open("GET", "/groupoffice-com-3.5.7/modules/testmodule/classes/FormationStagiaire.php?ffformation="+ffformation, true) ;
 
                    requeteAjax.onreadystatechange = function()
		    {
			if (requeteAjax.readyState == 4)
			{
							                                                document.getElementById("reponseParcours").innerHTML =requeteAjax.responseText ;
			}
		     }
 
                    requeteAjax.send(null) ;
                }
        }
}

**le_chomeur** · 22/07/2010, 10h25

Bonjour, pourrais tu poster le code généré

**samuel4256** · 22/07/2010, 10h35

Le code source de la page vous voulez dire ?

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>Menu</title>
		<meta http-equiv="Content-Type" content="html/css; charset=UTF-8">
		<link rel="stylesheet" media="screen" type="text/css" href="/groupoffice-com-3.5.7/modules/testmodule/classes/vues.css"/>
	</head>
	<body>
	    <!--div id="cible" onClick="init()">aaa</div-->
 
 
		<div id="menu" style="width:100%; height:25px; background-color:#1f76a3">
			<ul>
				<li id="inscription" onMouseOver="curseurInscription(1)" onClick = "InscriptionStagiaire()">Inscription</li>
				<li id="stagiaire" onMouseOver="curseurStagiaire(1)" onClick = "ConnexionStagiaire()">Stagiaire</li>
				<li id="formateur" onMouseOver="curseurFormateur(1)" onClick = "ConnexionFormateur()">Formateur</li>
				<li id="deconnexion" onMouseOver="curseurDeconnexion(1)" onClick = "Deconnexion()">Deconnexion</li>
			</ul>
 
		</div> 
		<div id="banniere">
			<img src="/groupoffice-com-3.5.7/modules/testmodule/images/afpa.gif"  alt="Logo de l'AFPA">
		</div>
 
		<p id="titreStagiaire">Votre parcours</p><br><br>
		<div>
		<form name="formulaireFormation">
		Quelle formation voulez-vous ?<br><br>
 
			<select name = "formation" size = "1"  onClick="envoiRequete3(1)"><option id="ffformation1" align="center">Carreleur</option><option id="ffformation2" align="center">Soudeur a l arc electrode enrobee et tig</option><option id="ffformation3" align="center">Electromecanicien de maintenance industrielle</option><option id="ffformation4" align="center">Agent d entretien du batiment</option><option id="ffformation5" align="center">Electricien d equipement</option><option id="ffformation6" align="center">Mecanicien reparateur de cycles et motocycles</option><option id="ffformation7" align="center">Conseiller service client a distance</option><option id="ffformation8" align="center">Assistant de direction</option><option id="ffformation9" align="center">Metallier</option><option id="ffformation10" align="center">Assistant de vie aux familles</option><option id="ffformation11" align="center">Macon</option><option id="ffformation12" align="center">Agent de proprete et d hygiene</option><option id="ffformation13" align="center">Plaquiste</option><option id="ffformation14" align="center">Agent de restauration</option><option id="ffformation15" align="center">dd</option><option id="ffformation16" align="center">Developpeur Logiciel</option>
 
			</select>
		</form>
			</div><br><br>
		<div id="reponseParcours"></div>
	</body>
</html>

**tusssss** · 22/07/2010, 11h12

*Est-ce normal que les <option> n'ai pas de value ?

*onclick sur un select ? onchange ne serai-il pas plus approprié ?

*De plus dans ce onclick, on entre une valeur $i qui est modifiée dans la boucle plus bas et le onclick n'est pas dans cette boucle, du coup, le $i ne varie pas...
Est-ce volontaire?

**le_chomeur** · 22/07/2010, 11h16

pour commencer tes options n'ont pas de value :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<option id="ffformation1" align="center">Carreleur</option>

ensuite tu envois toujours la 1 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
onClick="envoiRequete3(1)"

il te faut passer l'élément sélectionné ou son index ou sa valeur ...

exemple avec son index :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<select onchange="alert(this.selectedIndex)">
<option value="1">test</option>
<option value="2">test</option>
<option value="3">test</option>
</select>

et dernier point il faut utiliser on change sur un select et non un onclick

**samuel4256** · 22/07/2010, 11h28

Merci de vos réponses.
Les <option> ont des value, ffformation.$i, donc la 1ere s'appelle fformation1, la deuxième ffformation2 etc, c'est écrit(1) car quand j'ai pris le code source j'avais sélectionné la 1ere option.
Quant au onChange, j'ai essayé ça donne exactement le même résultat que le onClick

**samuel4256** · 22/07/2010, 11h31

En fait ça prend toujours 1 dans le code source mais je ne comprend pas pourquoi puisque je rajoute au nom de ffformation la valeur de i donc ils devraient tous être différents enfin en tout cas c'était l'idée

**samuel4256** · 22/07/2010, 11h33

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
foreach($bdd->afficherNomSFormationS() as $key=>$formation){
				echo'<option id="ffformation'.$i.'" align="center">'.$formation.'</option>' ;
				$i++ ;  
				}

**tusssss** · 22/07/2010, 11h34

Et si tu sélectionne la seconde option, es-tu sur que c'est bien 2 qui apparait?
A la vue de ton code, je n'en suis pas convaincu...

Pour les value, nous ne les voyons pas, tes options ont bien un id mais pas de value...

**tusssss** · 22/07/2010, 11h35

Envoyé par samuel4256

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
foreach($bdd->afficherNomSFormationS() as $key=>$formation){
				echo'<option id="ffformation'.$i.'" align="center">'.$formation.'</option>' ;
				$i++ ;  
				}

Sauf que ton onclick, qui devrait être un onchange, n'est pas dans la boucle....

**samuel4256** · 22/07/2010, 11h36

C'est cela vous avez raison onClick="envoiRequete3('.$i.') est avant la boucle donc la valeur de i à cet endroit est toujours 1.
Comment assigner à ma fonction la "vraie" valeur de i sachant qu'elle se trouve en dehors de la boucle ?

**tusssss** · 22/07/2010, 11h45

tout est dans la réponse de le_chomeur ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

envoirequete3(this.selectedIndex)

**samuel4256** · 22/07/2010, 12h07

ok merci mais sésolé j'ai une dernière question, je suis débutant et je ne connaissais pas this.selectedIndex...

Que dois-je changer dans ma fonction Javascript ?
Je met quoi à la place de:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var ffformation = document.getElementById('ffformation'+iLigne).value;

?

Merci de vos réponses et de votre patience.

**tusssss** · 22/07/2010, 12h15

Rien, il faut juste rajouter une value à tes <option> sous la forme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<option id="ton_id" value="ta_value" align="center"> Texte</option>

**le_chomeur** · 22/07/2010, 12h59

**samuel4256** · 22/07/2010, 13h31

J'ai encore du me tromper je récupère la valeur de i dans ma fonction javascript mais moi ce que je veux récupérer c'est le texte qui est après

**samuel4256** · 22/07/2010, 13h39

C'est bon ça fonctionne merci à vous

**tusssss** · 22/07/2010, 13h42

Ecris le même texte dans ton attribut value que entre tes balises <option>

Comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<option id="ton_id" value="TOTO" align="center"> TOTO</option>

Puis dans ta fonction javascript, pour récupérer la valeur, tu gardes ton getElementById comme précédemment.

Attention à ne pas avoir de caractères spéciaux dans ton texte. Ou alors il faudra utiliser une autre méthode...

Bon courage

Retour de liste deroulante

JavaScript

Discussions similaires

Partager

Partager