[PHP-JS] liste déroulante sans avoir de bouton

[dudu134]

Bonjour à tout le forum,

Quand je sélectionne un champ dans ma liste déroulante (liste2), je voudrais que d'autres champs s'affichent sur ma page. les autres champs se trouve dans le if.

Code :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
 
 
 echo '<tr>';
		    echo '<td valign=top>';
			 echo '<b>Ouverture d’accès dans le cadre :</b>';
			 echo '</td>';
			 echo '<td>';
			 echo '<select name=liste2>';
			 echo '<option value=Néant >Néant</option>';
			 echo '<option name= 1 value=D\'une&nbsp;création&nbsp;de&nbsp;poste&nbsp;>D\'une&nbsp;création&nbsp;de&nbsp;poste</option>';
			 echo '<option name= 2 value=D\'un&nbsp;remplacement&nbsp;définitif>D\'un&nbsp;remplacement&nbsp;définitif</option>';
			 echo '<option name= 3 value=D\'un&nbsp;remplacement&nbsp;de&nbsp;moins&nbsp;de&nbsp;6&nbsp;mois>D\'un&nbsp;remplacement&nbsp;de&nbsp;moins&nbsp;de&nbsp;6&nbsp;mois</option>';
			 echo '<option name= 4 value=D\'un&nbsp;remplacement&nbsp;de&nbsp;6&nbsp;à&nbsp;36&nbsp;mois>D\'un&nbsp;remplacement&nbsp;de&nbsp;6&nbsp;à&nbsp;36&nbsp;mois</option>';
			 echo '<option name= 5 alue=De&nbsp;l\'arrivée&nbsp;d\'un&nbsp;nouvel&nbsp;élu>De&nbsp;l\'arrivée&nbsp;d\'un&nbsp;nouvel&nbsp;élu</option>';
			 echo '<option name= 6 value=D\'un&nbsp;stage&nbsp;ou&nbsp;d\'une&nbsp;mission&nbsp;de&nbsp;moins&nbsp;de&nbsp;6&nbsp;mois>D\'un&nbsp;stage&nbsp;ou&nbsp;d\'une&nbsp;mission&nbsp;de&nbsp;moins&nbsp;de&nbsp;6&nbsp;mois</option>';
			 echo '<option name= 7 value=D\'un&nbsp;stage&nbsp;ou&nbsp;d\'une&nbsp;mission&nbsp;de&nbsp;plus&nbsp;de&nbsp;6&nbsp;mois>D\'un&nbsp;stage&nbsp;ou&nbsp;d\'une&nbsp;mission&nbsp;de&nbsp;plus&nbsp;de&nbsp;6&nbsp;mois</option>';
            echo '</select>';			
			echo '</td>';
		 echo '</tr>';
        echo '<tr>';		 
			 echo '<td>';
			 echo '<b>Modification d’accès dans le cadre :</b>';
			 echo '</td>';
			 echo '<td>';
			 echo '<select name=liste3>';
			 echo '<option value=Néant >Néant</option>';
			 echo '<option value=De&nbsp;nouvelles&nbsp;attributions&nbsp;sur&nbsp;le&nbsp;poste&nbsp;occupé&nbsp;actuellement&nbsp;par&nbsp;l\'utilisateur >De&nbsp;nouvelles&nbsp;attributions&nbsp;sur&nbsp;le&nbsp;poste&nbsp;occupé&nbsp;actuellement&nbsp;par&nbsp;l\'utilisateur</option>';
			 echo '<option value=D\'un&nbsp;changement&nbsp;de&nbsp;situation&nbsp;au&nbsp;sein&nbsp;ou&nbsp;entre&nbsp;les&nbsp;collectivités>D\'un&nbsp;changement&nbsp;de&nbsp;situation&nbsp;au&nbsp;sein&nbsp;ou&nbsp;entre&nbsp;les&nbsp;collectivités</option>';
			 echo '</select>';
	        echo '</td>';
		 echo '</tr>';
		        echo '<tr>';
           echo '<td>';
           echo '<b>Suspension / suppression d’accès dans le cadre</b> :';
			 echo '</td>';
			 echo '<td>';
			 echo '<select name=liste4>';
            echo '<option value=Néant>Néant</option>';
			 echo '<option value=D\'un&nbsp;départ&nbsp;temporaire&nbsp;inférieure&nbsp;à&nbsp;36&nbsp;mois>D\'un&nbsp;départ&nbsp;temporaire&nbsp;inférieure&nbsp;à&nbsp;36&nbsp;mois</option>';
			 echo '<option value=D\'un&nbsp;départ&nbsp;définitif&nbsp;ou&nbsp;supérieur&nbsp;à&nbsp;36&nbsp;mois>D\'un&nbsp;départ&nbsp;définitif&nbsp;ou&nbsp;supérieur&nbsp;à&nbsp;36&nbsp;mois</option>'; 
			 echo '</select>';
			 echo '</td>';
		 echo '</tr>';
		  if (isset($_POST['liste2']))
		 {
		 if($_POST['liste2'] == '1')
				 {
		 echo '<tr>';
		    echo '<td>	';
			 echo 'L’agent succède à			:';	
			 echo '</td>';
			 echo '<td>';
			 echo '<input type=text name=succede value=>';
			 echo '</td>';
		 echo '</tr>';
		 echo '<tr>';
		     echo '<td>';
			 echo 'L’agent remplace			:';	
			 echo '</td>';
			 echo '<td>';
			 echo '<input type=text name=remplace value=>';
			 echo '</td>';
		 echo '</tr>';
		 echo '<tr>';
			 echo '<td>';
			 echo 'L’agent rejoint le service		:';	
			 echo '</td>';
			 echo '<td>';
			 echo '<input type=text name=rejoint value=>';
			 echo '</td>';
		 echo '</tr>';
		echo ' <tr>';
			 echo '<td valign=top>';
			 echo 'de la collectivité suivante		:';
			 echo '</td>';
			 echo '<td>';
			 echo '<select name=liste5>';
			 echo '<option value=Néant>Néant</option>';
            echo '<option value=Communauté&nbsp;de&nbsp;Communes&nbsp;du&nbsp;Pays&nbsp;de&nbsp;Château-Gontier >Communauté&nbsp;de&nbsp;Communes&nbsp;du&nbsp;Pays&nbsp;de&nbsp;Château-Gontier</option>';
			 echo '<option value=Ville&nbsp;de&nbsp;Château-Gontier&nbsp;Bazouges >Ville&nbsp;de&nbsp;Château-Gontier&nbsp;Bazouges</option>';
			 echo '<option value=CCAS&nbsp;de&nbsp;Château-Gontier&nbsp;Bazouges >CCAS&nbsp;de&nbsp;Château-Gontier&nbsp;Bazouges</option>';
			 echo '<option value=Syndicat&nbsp;d\'adduction&nbsp;d’eau >Syndicat&nbsp;d\'adduction&nbsp;d’eau</option>';
			 echo '<option value=Syndicat&nbsp;d\'électricité >Syndicat&nbsp;d\'électricité</option>';
			 echo '</select>';
			 echo '</td>';
		 echo '</tr>';
		  }
		  }

Meric d'avance pour votre aide

[Rakken]

Alors pour faire ce que tu veux faire, la solution la plus simple est de mettre ta premiere liste déroulante dans un formulaire et de faire un submit automatique (avec du javascript) quand tu selectionne. Au rechargement de la page, tu repere que tu as un élément dans la premiere liste, alors tu positionnes l'élément par défaut de la premiere liste comme ca va bien, et tu rempli la seconde liste en fonction de cet élément.

Après, l'autre solution consiste a faire le truc en javascript. Si tu selectionne un élément dans la premiere liste, alors un javascript va reperer le truc et va modifier en direct le contenu de la seconde. Si tu as des données fixes (tu connais a l'avance le contenu de tes deux listes), ca peut être mieux.

Par contre, faut avoir conscience que sans javascript, on ne peux pas consulter tes listes.

Une derniere solution, que j'utilise généralement quand je suis dans ce cas là, et de ne faire qu'une liste, avec tous les éléments, concatété genre
eltListe1 eltListe2-11
eltListe1 eltListe2-12
eltListe1 eltListe2-13
eltListe2 eltListe2-21
etc... c'est moins beau, mais tout aussi efficace, et contrairement a ce qu'on pourrai croire, la plupart des utilisateurs ont même tendance a mieux se reperer avec une seule liste un peu longue que deux qui changent toutes seules.

[dudu134]

Bonjour Rakken,

Le problème je n'ai pas de connaissance en javascript.

Merci

[Rakken]

Google est ton ami : Par exemple, ici.

[dudu134]

Il y a pas autre chose en plus simple

[Rakken]

Non. Une liste déroulante qui se raffraichi par rapport a une autre, c'est chiant a faire. D'ou ma solution de n'en faire qu'une ^_^