menu déroulant affichant resultat et affiche un second menu

21 avr. 2010, 18:28

bonjours a tous je suis entreint de faire des test sur les menu déroulant

la j'ai un menu déroulant quand on clic dessus cela ramène vers la page désiré.

Code : Tout sélectionner

<html>
<head>
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript">

function ChangeUrl(formulaire)
	{
	if (formulaire.ListeUrl.selectedIndex != 0)
		{
		location.href = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
	 	}
	else 
		{
		alert('Veuillez choisir une destination.');
		}
	}
</script>
<!-- FIN DU SCRIPT -->
</head>
<body>

<FORM>
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)">
<OPTION SELECTED VALUE="">-Selectionnez votre destination-
  <OPTION VALUE="sport.php">sport
  <OPTION VALUE="velo.php">velo
  <OPTION VALUE="test.php">test
</SELECT>
</FORM>

Et t'il possible avec mon début code d'appeler un autre menu déroulant en sélection un choix du premier puis en choisissant un choix du deuxième seulement celui ci retournera vers un page désiré.

pour etre plus précis garder mon code ci dessus pour le deuxième menu déroulant et le premier menu déroulant selon le choix appelle le deuxiéme
exemple dans le premier menu j'ai 3 choix sport, loisir, travail si je clic sur sport il m'affiche un deuxiéme menu déroulant avec vélo, foot...
et si dans le premier je choisis loisir le deuxième change et m'affiche pèche,chasse...

22 avr. 2010, 10:14

Bonjour,

tu as plusieurs façon de le faire.

1 Tu peux utiliser un select avec optGroup ça permet d'avoir une seule liste du genre :

<select NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)">
<optgroup label="Sport">
  <option value="foot.php">foot</option>
  <option value="basket.php">basket</option>
</optgroup>
<optgroup label="Travail">
  <option value="matin.php">matin</option>
 <option value="midi.php">midi</option>
 <option value="soir.php">soir</option>
</optgroup>
</select>

2 Tu peux créer autant de select qu'il y a de type (un pour sport, pour travail...etc..) et les mettres en display:none.

Il faudra alors créer une autre fonction javascript qui affiche le sous select (et cache les autres...) qui convient selon le choix actuel. Ensuite pour ce sous select utiliser la fonction ChangeUrl.

3 Enfin une autre solution qui me vient en tête c'est d'avoir uniquement deux select, le premier c'est celui que tu as déjà crée.
Le deuxième serait un select dynamique qui se remplirait/viderait selon le premier select.

22 avr. 2010, 10:55

cette solution

Le deuxième serait un select dynamique qui se remplirait/viderait selon le premier select.

me parrait plus approprié.

22 avr. 2010, 12:17

Bonjour,

pourquoi ne pas utiliser du PHP et des tableaux associatifs, avec une petite fonction AJAX tu pourrais manipuler tout ca facilement, après si tu ne veux pas passer par PHP je crois que j'avais un code sympa pour ce cas de figure, je vais fouiner dans mes archives pour voir si je te le retrouve.

menu déroulant affichant resultat et affiche un second menu

Qui est en ligne