[PHP-JS] Évènement OnChange

**nevil** · 04/03/2010, 11h37

Bonjour,

Voici mon souci:
je cherche à faire apparaitre dans une liste déroulante les communes qui appartiennent au Code Postal précédemment renseigné à partir de l'évènement OnChange de mon textbox (INPUT) nommé 'code_postal'.

Voici ci ce qui fonctionne, à partir d'un bouton de commande "villes" qui fait apparaitre ma liste déroulante avec les Villes selon le code postal:

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
 
<?php
include("test_fonctions_postal.php");
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
</head>
 
 
 
<body>
 
<form name='postal' id ='ok' method='POST' action='postal.php';>
<?php
 
?>
  <p>Code Postal : <input name='code_postal' type='text' value="<?php echo $_POST['code_postal']; ?>"/>
 
  <input type='submit' name='villes' value='Villes'/><br>
 
<?php
if (isset ($_POST['villes']))
{
		//On récupère les valeurs entrées par l'utilisateur :
		$code_postal=$_POST['code_postal'];
 
}
 
 
if ($code_postal =="") 
{
}
else
{
recherche(); //j'appelle ma fonction recherche() après le click sur le bouton
}
 
?>
 
</p>
 
</form>
</body>
</html>

Code de ma fonction recherche(), incluse dans test_fonctions_postal.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
18
19
20
21
22
23
24
25
26
27
 
<?php
function connectMaBase(){
    $base = mysql_connect ('xxx', 'xx', 'xx');  
    mysql_select_db ('xx', $base) ;
}
?>
 
<?php
function recherche(){
connectMaBase();
 
$code_postal=$_POST['code_postal'];
 
$sql = " SELECT villes FROM villes WHERE code_postal=".$code_postal." "; 
$result = mysql_query($sql) or die("Requete pas comprise"); 
 
echo "<form action='postal.php' method='POST'>
<table>Villes :<select name='villes'>"; 
while ($row=mysql_fetch_array($result)) 
{ 
echo"<option>$row[0]</option>"; 
} 
echo"</select> 
</table>"; 
}
?>

J'aurais donc souhaité évité de fameux clique mais avoir quelque chose de plus "dynamique", en modifiant comme ceci la ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Code Postal : <input name='code_postal' type='text' value="<?php echo $_POST['code_postal']; ?>" onChange='recherche();'/>

pour appeler ma fonction recherche() et supprimer le bouton Villes.

Aucune erreur ne m'est retourné par mon navigateur, mais on dirait que rien ne se passe quand j'utilise le onChange.

Si quelqu'un peut m'aider ...
Je vous remercie.

Nevil

**nsanabi** · 04/03/2010, 12h17

on n'appel pas une fonction php dans les évènements javascript (onchange)
ta fonction recherche() s'exécutera coté serveur
ça devra marcher avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input name='code_postal' type='text' value="<?php echo $_POST['code_postal']; ?>" onChange='document.nomFormulaire.submit();'/>

note que l'évènement ne se déclenchera pas à chaque caractère saisi, mais seulement après que ton input text perd le focus, à la place tu peut utiliser les events.
une chose tres importante : recharger toute la page (car c'est ce qui arrivera) à chaque caractère saisi par l'utilisateur me semble abusif

J'aurais donc souhaité évité de fameux clique mais avoir quelque chose de plus "dynamique"

je te conseil de te documenter sur AJAX qui est parfaitement adapté à ton besoin

**nevil** · 05/03/2010, 10h36

Merci pour ta réponse nsanabi, cela m'a bien aidé.
Le fonctionnement actuel colle très bien avec ce que je voulais faire.
J'y connais rien au sujet des évènements et des arguments qu'ils peuvent contenir, je vais plonger dans mes tuto !

Je te remercie une nouvelle fois, c'est parfait.

Nevil

**nsanabi** · 05/03/2010, 11h23

bon courage

n'oublie pas le bouton résolu si c'est bon

[PHP-JS] Évènement OnChange

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager