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

**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...

Retour de liste deroulante

JavaScript

Vue hybride

Discussions similaires

Partager

Partager