Extraire les données à partir d'une liste déroulante dans une autre liste deroulante [Fait]

**Amel_B** · 16/11/2008, 11h55

bjour,
SVP, je veux utiliser 3 lisltes deroulante en php
J'ai plusieurs WILAYA, chaque WILAYA contient plusieurs DAIRA et chaque DAIRA contient plusieurs communes.

ce que je veux c'est:
quand je choisi une Wilaya de la liste déroulante de WILAYA elle me donne automatiquement la liste des DAIRA de cette Wilaya dans la 2eme liste déroulante (celle de DAIRA)
et
quand je choisi une DAIRA de la liste déroulante de DAIRA elle me donne automatiquement la liste des communes de cette DAIRA dans la 3eme liste déroulante (celle de commune).

merci

**Jumano** · 16/11/2008, 12h11

Bonjour,
tu pourrais t'inspirer de ceci : Listes liées avec AJAX

**Amel_B** · 16/11/2008, 13h28

bonjour
Merci
j'ai visité ctte page mais c'est un peu compliqué pour moi, je suis débuttante en php.

**Jumano** · 16/11/2008, 13h32

Essaye toujours et expose les problèmes rencontrés ...
Tu as juste à suivre le tuto et remplacer par tes variables.

**Amel_B** · 17/11/2008, 11h42

Bonjour,
j'ai essayer de comprendre le code , mais cela est pour 2 listes mon travail est de3 liste liées.
par exemple auteur,livre, année d'édition
mon travail c'est:wlaya,daira,commune

**Amel_B** · 18/11/2008, 14h23

bonjour et merci de m'avoir repondre
j'ai fait ce code d'aprés ce lien que vous m'avez donné mais ça ne marche pas
http://siddh.developpez.com/articles/ajax/#LIV-A

il ne marche pas:

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
 
CREATE TABLE `auteur` (
  `id` tinyint(4) NOT NULL auto_increment,
  `nom` varchar(50) NOT NULL,
  PRIMARY KEY  (`id`)
);
 
insert into `auteur` values 
(1,'Clive Cussler'),
(2,'Harlan Coben'),
(3,'Franck Herbert'),
(4,'Pierre Bordages');
 
CREATE TABLE `livre` (
  `id` tinyint(4) NOT NULL auto_increment,
  `titre` varchar(50) NOT NULL,
  `idAuteur` tinyint(4) default NULL,
  PRIMARY KEY  (`id`)
) ;
 
insert into `livre` values 
(1,'Odyssee',1),
(2,'Sahara',1),
(3,'Dragon',1),
(4,'Une chance de trop',2),
(5,'Ne le dis a personne',2),
(6,'Disparu à jamais',2),
(7,'Dune',3),
(8,'La barriere de santaroga',3),
(9,'Les guerriers du silence',4),
(10,'La citadelle hyponeros',4),
(11,'Terra mater',4);

le fichier auteur.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
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
 
<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('livre').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('auteur');
				idauteur = sel.options[sel.selectedIndex].value;
				xhr.send("idAuteur="+idauteur);
			}
		</script>
	</head>
	<body>
		<form>
			<fieldset style="width: 500px">
				<legend>Liste liées</legend>
				<label>Auteurs</label>
				<select name='auteur' id='auteur' onchange='go()'>
					<option value='-1'>Aucun</option>
					<?
						mysql_connect("localhost","root","root");
						mysql_select_db("test");
						$res = mysql_query("SELECT * FROM auteur ORDER BY nom");
						while($row = mysql_fetch_assoc($res)){
							echo "<option value='".$row["id"]."'>".$row["nom"]."</option>";
						}
					?>
				</select>
				<label>Livres</label>
				<div id='livre' style='display:inline'>
				<select name='livre'>
					<option value='-1'>Choisir un auteur</option>
				</select>
				</div>
			</fieldset>
		</form>
	</body>
</html>

le fichier Ajaxlivre

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?php
	echo "<select name='livre'>";
	if(isset($_POST["idAuteur"])){
		mysql_connect("localhost","root","root");
		mysql_select_db("test");
		$res = mysql_query("SELECT id,titre FROM livre 
			WHERE idAuteur=".$_POST["idAuteur"]." ORDER BY titre");
		while($row = mysql_fetch_assoc($res)){
			echo "<option value='".$row["id"]."'>".$row["titre"]."</option>";
		}
	}
	echo "</select>";
?>

ou est le probleme ici

**Momodedf** · 19/11/2008, 08h03

Est-ce que tu peux ouvrir la console d'erreur de ton navigateur voir si le code JavaScript a généré une erreur ?

Sous firefox c'est Ctrl+Maj+J, sous IE je sais pas :-/.

Attention très souvent la console est floodé de notices de tout les sites où tu es passé, donc tu risque de devoir la vider avant de tester ton code.

**Amel_B** · 19/11/2008, 11h50

bonjour,
il n'affiche aucune erreur mais les listes sont vides (plutôt la première liste, les deux autres dépendant d'elle) je ne sais sais pas s'il est obligatoire d'utiliser ajax ou si on peut faire ces listes sans ajax (plus simple plus facile ?).

**Momodedf** · 20/11/2008, 07h41

En fait ce qu'il faut bien que tu comprenne c'est que le code JavaScript est interprété coté client. Ce qui veut dire que le script est lu par le navigateur de l'utilisateur (donc sur son ordinateur une fois qu'il a reçu la page).
Alors que PHP de son coté est interprété coté serveur. C'est ton serveur PHP qui interprète le code et en fonction de celui-ci va générer un document HTML (dans ton cas) et l'envoyer à l'utilisateur.

Ce qui veut dire que depuis JavaScript tu ne peux pas accéder à la base de donnée ni influer sur le code PHP.
Pour ça on utilise AJAX qui permet d'appeler une page PHP depuis un script JavaScript et d'en récupérer le contenu généré.

Pour ce qui est de ton code j'ai du mal à voir ce qui pose problème, déjà vérifie que Ajaxlivre.php affiche bien le code désiré quand tu l'appel "normalement".
Ensuite que document.getElementById('livre') va bien chercher ta div, mais bon si c'était pas le cas je pense qu'il te générerait une erreur.

**Amel_B** · 26/11/2008, 13h20

merci bcp pour cette explication, enfin j'ai trouvé la solution

Extraire les données à partir d'une liste déroulante dans une autre liste deroulante [Fait] [MySQL]

PHP & Base de données

Discussions similaires

Partager

Partager