6 listes déroulantes liées php JavaScript mysql

**s1sofiane** · 11/03/2011, 05h26

Bonjour,

Je viens vers vous car je ne sais pas du tout comment m'y prendre.
Je cherche à faire 6 listes déroulantes liées php JavaScript mysql mai

1 listes déroulantes liées 2 listes déroulantes ca ce ok

3 listes déroulantes liées 1 listes déroulantes

3 listes déroulantes liées liées 4 listes déroulantes liées ca ce ok

tout ca pour faire

listes 1 type de chambre

listes 2 type de arrangement

listes 3 nombre adulte

listes 4 nombre enf
--
table chambre
id chambre
nom chambre

--
table arrangement
id arrangement
nom arrangement
id chambre

------
table adulte
id adulte
adulte n
id chambre

------
table enf
id enf
enf n
id adult

merci

**Bovino** · 11/03/2011, 08h04

C'est comme Jeopardy, il faut essayer de deviner la question ?

**s1sofiane** · 11/03/2011, 08h34

j'ai besoin de ton aide silteplé !

ce 4 jour et moi je ral donne ce truc

ce truc la il fait le pre reservation hotel

**SpaceFrog** · 11/03/2011, 08h59

http://www.developpez.net/forums/d59...s-liees-entre/

**s1sofiane** · 11/03/2011, 10h10

page 1

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
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<script type='text/javascript'>
	 
			function getXhr(){
                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr;
			}
 
			
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			
			function regions(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('region').innerHTML = leselect;
					}
				}
					
				// Ici on va voir comment faire du post
				xhr.open("POST","liste-regions.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de la destination
				
				var sel = document.getElementById('destination');
				var id_destination = sel.options[sel.selectedIndex].value;
				xhr.send("id_destination="+id_destination);
				
			}
 
			function typesejour(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('sejour').innerHTML = leselect;
					}
				}
					
				// Ici on va voir comment faire du post
				xhr.open("POST","liste-sejours.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de la region
				
				var sel = document.getElementById('id_region');
				id_region = sel.options[sel.selectedIndex].value;
				xhr.send("id_region="+id_region);
					
			}
 
function typeadult(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('sejour').innerHTML = leselect;
					}
				}
					
				// Ici on va voir comment faire du post
				xhr.open("POST","liste-sejours.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de la region
				
				var sel = document.getElementById('id_region');
				id_region = sel.options[sel.selectedIndex].value;
				xhr.send("id_region="+id_region);
					
			}      
la je blocke
 
			



			
		</script>	
{/literal}
 
<form>
<div id="pi_moteur_recherche">
 
 
                    <select name="destination"  id='destination' onchange='regions()'>
                      <option value="-1">Toutes les destinations</option>                     
					  <option value="27">DEST 1</option>
					  <option value="28">DEST 2</option>
					  <option value="29">DEST 3</option>
 					  <option value="30">DEST 4</option>
                    </select>
                    
                    
                    <div id='region'>
                    <select name="id_region" id="id_region" onchange='typesejour()'>
                        <option value="-1">Toutes les r&eacute;gions</option>
                    </select>
                    </div>
                    
                    <div id='sejour'>
                    <select name="id_sejour" id="id_sejour">
                      <option value="-1">Tous les types de s&eacute;jours</option>                       
                    </select>
                    </div>
                    
                    <input type="submit" value="Valider">
</div>

                       
                     <div id='adult'>
                    <select name="id_adult">
                      <option value="-1">nomber adulte</option>                       
                    </select>
                    --</div>
                    
                    <div id='enf'>
                    <select name="id_enf">
                      <option value="-1">nomber enfont</option>                       
                    </select>
                    ---</div>
                    <input type="submit" value="Valider">
</div>
 
</form>

--------------------------------------------
liste-regions.php

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
<?php
        include('connexion/connexion.php');
 
        echo "<select name='id_region' id='id_region' onchange='typesejour()'>";
        
        if(isset($_POST["id_destination"])){
            $id_destination=$_POST["id_destination"];   
            $mdr_regions2="SELECT `id_region`,`nom_region` FROM `regions` WHERE  `id_destination`='$id_destination'";
                $res_mdr_regions2=mysql_query($mdr_regions2);
                while($row = mysql_fetch_assoc($res_mdr_regions2)){
                        echo "<option value='".$row["id_region"]."'>".$row["nom_region"]."</option>";
                }
        }       
        echo "</select>";
        
 
?>

-----------------------------------------------------
liste-sejours.php

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
<?php
        include('connexion/connexion.php');
 
        echo "<select name='id_sejour' class='liste_moteur'>";
        
        if(isset($_POST["id_region"])){
                                        $id_region=$_POST["id_region"];                 
                                        $mdr_sejour="SELECT id_circuit,id_region,nom_circuit FROM circuits WHERE id_region = $id_region)";                                      
                                        $res_mdr_sejour=mysql_query($mdr_sejour);
                                        
                                        while($row = mysql_fetch_assoc($res_mdr_sejour)){
                                                        echo "<option value='".$row["id_circuit"]."'>".$row["nom_circuit"]."</option>";
                                        } 
        } 
        echo "</select>";
?>

----------------------------------------------------------
adult.php

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
<?php
        include('connexion/connexion.php');
 
        echo "<select name='id_adult' id='id_adult' onchange='typeadult()'>"; 
        
        if(isset($_POST["id_region"])){
                                        $id_region=$_POST["id_region"];                 
                                        $mdr_adult="SELECT id_region,id_adult,nom_adult FROM adult WHERE id_region = $id_region)";                                      
                                        $res_mdr_adult=mysql_query($mdr_adult);
                                        
                                        while($row = mysql_fetch_assoc($res_mdr_adult)){
                                                        echo "<option value='".$row["id_adult"]."'>".$row["nom_adult"]."</option>";
                                        } 
        } 
        echo "</select>";
?>

6 listes déroulantes liées php JavaScript mysql

JavaScript

Discussions similaires

Partager

Partager