Listes deroulantes Visibles/invisibles ??

Résolu/Fermé
Urbanspirit Messages postés 93 Date d'inscription jeudi 20 août 2009 Statut Membre Dernière intervention 6 septembre 2013 - 11 juin 2010 à 11:45
Urbanspirit Messages postés 93 Date d'inscription jeudi 20 août 2009 Statut Membre Dernière intervention 6 septembre 2013 - 15 juin 2010 à 10:15
Bonjour, tout le monde ^^


Voila je suis actuellement en train de créer un site en php/mysql...
Mais je tombe actuellement sur un problème...il faudrait que je puisse faire apparaitre et disparaitre des listes déroulantes en fonction des choix fait par l'utilisateur dans ces dernières...


Je m'explique..l'utilisateur va arriver sur une page ou il y aura 1 liste visible possédant diverses options ( celle des circuit possibles)chargé via une table de la base....

Je voudrais que quand il sélectionne une des options (ou circuit) de la liste, une seconde liste apparaisse en dessous avec des options dépendant de l'option choisie dans la liste 1 (en gros les groupes étant lié au circuit)

le code du formulaire est le suivant:

<form method="POST"  action="<?php echo 'redirection.php?type=9&amp;URL=Gestion_groupes&amp;grp=' .$groupe['IDGROUPE']. ''; ?>">
	<fieldset>
			<legend>Ajouter le membre au groupe</legend>
Selectionner le circuit:    
          <select name="circuit">
						<?php			
								$Req="SELECT * FROM circuit where IDCIRCUIT > 0 order by 1 ";
								$reponse=mysql_query($Req);
								while($Tab=mysql_fetch_array($reponse))
								{ echo "<option value='".$Tab['IDCIRCUIT']."'>".$Tab['LIBCIRCUIT']."";
								}
														
						?>	
					
							</select>

			Sélectionner le groupe:    
          <select name="groupe">
						<?php			
								$Req="SELECT * FROM groupe where IDCIRCUIT =".$_POST['circuit']."   ";
								$reponse=mysql_query($Req);
								while($Tab=mysql_fetch_array($reponse))
								{ echo "<option value='".$Tab['IDGROUPE']."'>".$Tab['LIBGROUPE']."";
								}
														
						?>	
					
							
							</select>
	
	<div class="button"><input type="submit" name="ajouter" value="Ajouter"></div>
	
			</fieldset>
</form>






il me semble que c'est possible en java-script...mais je n'en suis pas sur du tout donc je vous demande ^^


merci d'avance pour l'aide ;)

2 réponses

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
11 juin 2010 à 12:29
Tu peux faire ça avec AJAX si tu as besoin de récupérer les données dans la base de données.

Sinon il faudra jouer avec la propriété element.style.display pour masquer/afficher les bonnes listes.

https://openclassrooms.com/fr/courses/245710-ajax-et-lechange-de-donnees-en-javascript/244425-le-concept-dajax
https://openclassrooms.com/fr/courses/245710-ajax-et-lechange-de-donnees-en-javascript/244798-lobjet-xmlhttprequest
https://dmouronval.developpez.com/tutoriels/ajax/comprendre-requete-ajax/
https://siddh.developpez.com/articles/ajax/
0
Urbanspirit Messages postés 93 Date d'inscription jeudi 20 août 2009 Statut Membre Dernière intervention 6 septembre 2013 22
15 juin 2010 à 10:15
Merci merci ^^
0