[AJAX] liason entre 2 listes deroulantes en php4

**Miss kouka** · 17/05/2010, 11h48

bonjour,

dans mon formulaire d'insertion j'ai deux listes deroulantes qui sont recupere les donnees a partir de la base de donnees je veux quand je selectione dans la premiere listes des pays (ex:maroc) la deuzieme liste m'affiche que les villes du maroc voila code de la formulaire:

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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>site annonce</title>
</head>
<body>
<div>
<form  method="post" action="ajouter_user.php">
    <p>
      <label><strong> &nbsp;&nbsp;&nbsp;&nbsp;Utilisateur:<br />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Nom :  </strong>
        <input type="text" name="nom" />
      </label>
    </p>
    <p>
      <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Prenom &nbsp;&nbsp;:&nbsp;</strong>
        <input type="text" name="prenom" />
      </label>
    </p>
	<p>
      <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;adresse &nbsp;&nbsp;:&nbsp;</strong>
        <input type="text" name="adresse" />
      </label>
	</p>
	<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pays:
      <? include('connection.php');
   echo'<select size=1 name="nom_pays">'."\n";
   echo'<option value="-1">-- pays--</option>'."\n";
   $resul=mysql_query("select id_pays,nom_pays from pays");
   while($dat=mysql_fetch_array($resul)){
 
   echo'<option value="'.$dat[0].'">'.$dat['nom_pays'];
   echo'</option>'."\n";
   }
   echo'</select>'."\n";
   mysql_close();
   ?>
    </strong></p>
	<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ville:
      <? include('connection.php');
   echo'<select size=1 name="nom_ville">'."\n";
   echo'<option value="-1">-- ville--</option>'."\n";
   $result=mysql_query("select id_ville, nom_ville from ville");
   while($data=mysql_fetch_array($result)){
 
   echo'<option value="'.$data[0].'">'.$data['nom_ville'];
   echo'</option>'."\n";
   }
   echo'</select>'."\n";
   mysql_close();
   ?>
    </strong></p>
	<p>
      <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;civilite &nbsp;&nbsp;:&nbsp;</strong>
        <select name="civilite">
          <option>madame</option>
          <option>mademoiselle</option>
          <option>monsieur</option>
        </select>
      </label>
    </p>
	<p>
      <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;code_postal &nbsp;&nbsp;:&nbsp;</strong>
        <input type="text" name="code_postal" />
      </label>
    </p>
	<p>
      <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fonction&nbsp;&nbsp;:&nbsp;</strong>
        <? include('connection.php');
   echo'<select size=1 name="fonction">'."\n";
   echo'<option value="-1">-- fonction--</option>'."\n";
   $res=mysql_query("select id_fonction,fonction from fonction");
   while($da=mysql_fetch_array($res)){
 
   echo'<option value="'.$da[0].'">'.$da['fonction'];
   echo'</option>'."\n";
   }
   echo'</select>'."\n";
   mysql_close();
   ?>
      </label>
    </p>
	<p>
      <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Login &nbsp;&nbsp;:&nbsp;</strong>
        <input type="text" name="nom_user" />
      </label>
    </p>
	<p>
      <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Pass &nbsp;&nbsp;:&nbsp;</strong>
        <input type="text" name="pass" />
      </label>
    </p>
	<p>
      <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e_mail &nbsp;&nbsp;:&nbsp;</strong>
        <input type="text" name="email" />
      </label>
    </p>
	<p>
      <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tel &nbsp;&nbsp;:&nbsp;</strong>
        <input type="text" name="tel" />
      </label>
    </p>
  <p>
      <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sexe &nbsp;&nbsp;:&nbsp;</strong>
        <input type="text" name="sexe" />
      </label>
    </p>
	<p>
      <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;<strong>Date de naissance</strong> :
      </td>
        <select name="jour" >
          <option value="-1">Jour :</option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
          <option value="16">16</option>
          <option value="17">17</option>
          <option value="18">18</option>
          <option value="19">19</option>
          <option value="20">20</option>
          <option value="21">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
          <option value="28">28</option>
          <option value="29">29</option>
          <option value="30">30</option>
          <option value="31">31</option>
  </select>
        <select  name="mois"> <option value="-1">Mois :</option><option value="1">janvier</option>
<option value="2">février</option>
<option value="3">mars</option>
<option value="4">avril</option>
<option value="5">mai</option>
<option value="6">juin</option>
<option value="7">juillet</option>
<option value="8">août</option>
<option value="9">septembre</option>
<option value="10">octobre</option>
<option value="11">novembre</option>
<option value="12">décembre</option>
</select> <select name="annee"><option value="-1">Année :</option><option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option value="1949">1949</option>
<option value="1948">1948</option>
<option value="1947">1947</option>
<option value="1946">1946</option>
<option value="1945">1945</option>
<option value="1944">1944</option>
<option value="1943">1943</option>
<option value="1942">1942</option>
<option value="1941">1941</option>
<option value="1940">1940</option>
<option value="1939">1939</option>
<option value="1938">1938</option>
<option value="1937">1937</option>
<option value="1936">1936</option>
<option value="1935">1935</option>
<option value="1934">1934</option>
<option value="1933">1933</option>
<option value="1932">1932</option>
<option value="1931">1931</option>
<option value="1930">1930</option>
<option value="1929">1929</option>
<option value="1928">1928</option>
<option value="1927">1927</option>
<option value="1926">1926</option>
<option value="1925">1925</option>
<option value="1924">1924</option>
<option value="1923">1923</option>
<option value="1922">1922</option>
<option value="1921">1921</option>
<option value="1920">1920</option>
<option value="1919">1919</option>
<option value="1918">1918</option>
<option value="1917">1917</option>
<option value="1916">1916</option>
<option value="1915">1915</option>
<option value="1914">1914</option>
<option value="1913">1913</option>
<option value="1912">1912</option>
<option value="1911">1911</option>
<option value="1910">1910</option>
<option value="1909">1909</option>
<option value="1908">1908</option>
<option value="1907">1907</option>
<option value="1906">1906</option>
<option value="1905">1905</option>
<option value="1904">1904</option>
<option value="1903">1903</option>
<option value="1902">1902</option>
<option value="1901">1901</option>
<option value="1900">1900</option>
</select>
<p>
  <label><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
  </strong></label>
  <p>
    <label>
    <strong>&nbsp;&nbsp;&nbsp;&nbsp;
    <label><strong>domaine &nbsp;&nbsp;:&nbsp;</strong></label>
      <? include('connection.php');
   echo'<select size=1 name="domaine">'."\n";
   echo'<option value="-1">-- domaine--</option>'."\n";
   $res=mysql_query("select id_domaine, domaine from domaine");
   while($da=mysql_fetch_array($res)){
 
   echo'<option value="'.$da[0].'">'.$da['domaine'];
   echo'</option>'."\n";
   }
   echo'</select>'."\n";
   mysql_close();
   ?>
    </p>
  <p>
 
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="submit" name="ok"  value="Enregistrer" />
  </p>
    <p>&nbsp;</p>
</form>
</div>
</body>
</html>

code de l'ajout:

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
<? include("connection.php");
if(isset($_POST['nom_user'] )and isset ($_POST['prenom'])){
 
$nom=addslashes($_POST['nom']);
$prenom=addslashes($_POST['prenom']);
$adresse=addslashes($_POST['adresse']);
$id_ville=$_POST['nom_ville'];
$id_pays=$_POST['nom_pays'];
$civilite=addslashes($_POST['civilite']);
$code_postal=$_POST['code_postal'];
$fonction=addslashes($_POST['fonction']);
$nom_user=$_POST['nom_user'];
$pass=addslashes($_POST['pass']);
$email=stripcslashes($_POST['email']);
$tel=$_POST['tel'];
$sexe=addslashes($_POST['sexe']);
//$date_naissance=$_POST['date_naissance'];
$id_domaine=$_POST['domaine'];
$atom   = '[-a-z0-9!#$%&\'*+\\/=?^_`{|}~]';   
$domain = '([a-z0-9]([-a-z0-9]*[a-z0-9]+)?)'; // caractères autorisés après l'arobase (nom de domaine)                     
 $regex = '/^' . $atom . '+' . '(\.' . $atom . '+)*' .  '@' .   '(' . $domain . '{1,63}\.)+' .  $domain . '{2,63}$/i';   
 
if(isset($_POST['annee']) && isset($_POST['mois']) && isset($_POST['jour'])
&& checkdate($_POST['mois'], $_POST['jour'], $_POST['annee'])) {
// création de la date au format date MySQL
$date = $_POST['annee'].'-'.$_POST['mois'].'-'.$_POST['jour'];
// et ici tu mets ta requête d'insertion en utilisant la variable $date
}
if ((!preg_match($regex, $email)) or (!preg_match('`[0-9]{9}`',$_POST['tel'])) ){   ?>
 <script language="javascript">
alert("Verifiez vous informations"); </script> <?  include("ajout_user.php");exit; 
}
$p=mysql_query("select nom_user from users where nom_user='$nom_user'");
$o=mysql_num_rows($p);
if(($o==0)&& ($nom_user!="")){
	mysql_query("INSERT INTO users VALUES (
'', '$nom', '$prenom', '$adresse', '$id_ville', '$civilite', '$code_postal', 
'$fonction', '$nom_user', '$pass', '$email', '$tel', '$sexe', '$date', '$id_domaine'
)");
	echo("l ajout effectuer avec succes");
} else {
echo("ce login existe deja");
}
mysql_close();
}
?>

n'hesitez pas de m'aider et merci d'avance.

**sabotage** · 17/05/2010, 12h01

De la lecture
http://siddh.developpez.com/articles/ajax/

**Miss kouka** · 17/05/2010, 12h58

merci,j'ai adapté ce code a mon cas mais ca marche pas m'affiche pas liste des villes seulement liste pays.

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
<html>
<head>
<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
<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 go(){
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('pays').innerHTML =
leselect;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","ajaxLivre.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 l'auteur
sel = document.getElementById('ville');
idauteur = sel.options[sel.selectedIndex].value;
xhr.send("id_ville="+id_ville);
}
</script>
</head>
<body>
<form><fieldset style="width: 500px">
<legend>Liste liées</legend>
<label>pays</label>
<select name='pays' id='pays' onchange='go()'>
<option value='-1'>Aucun</option>
<?
mysql_connect("localhost","root","");
mysql_select_db("site_annonce");
$res = mysql_query("SELECT * FROM pays ");
while($row = mysql_fetch_assoc($res)){
echo "<option
value='".$row["id_pays"]."'>".$row["nom_pays"]."</option>";}
?>
</select>
<label>ville</label>
<div id='pays' style='display:inline'>
<select name='ville'>
<option value='-1'>Choisir une ville</option>
</select>
</div>
</fieldset>
</form>
<?php
echo "<select name='ville'>";
if(isset($_POST["id_pays"])){
mysql_connect("localhost","root","");
mysql_select_db("site_annonce");
$res = mysql_query("SELECT id_ville,nom_ville FROM ville
WHERE id_pays=".$_POST["id_pays"]."");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["id_ville"]."'>".$row["nom_ville"]."</option>";
}
}
echo "</select>";
?>
</body>
</html>

**sabotage** · 17/05/2010, 13h50

Tu as laissé "ajaxLivre.php"

[AJAX] liason entre 2 listes deroulantes en php4

AJAX

Vue hybride

Discussions similaires

Partager

Partager