Liste liées PDO

Version imprimable

Liste liées PDO

Bonjour voilà j'ai repris un script PDO php pour la gestion de trois liste déroulante lièes , la premier valeur ok , la seconde rien et de même pour la troisième
le plus simple c'est de vous ajouter le code jquery et php PDO
Merci de votre aide

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
// JavaScript Document
$(document).ready(function() {
	var $localite_un = $('#localite_un');
	var $localite_deux = $('#localite_deux');
	var $localite_trois = $('#localite_trois');
 
	// chargement de la liste de localité un
	$.ajax({
		url: 'liste.php',
		data: 'go', // on envoie $_GET['go']
		dataType: 'json', // on veut un retour JSON
		success: function(json) {
			$.each(json, function(index, value) {
				// pour chaque noeud JSON
				// on ajoute l option dans la liste
				$('#localite_un').append('<option value="'+ index +'">'+ value +'</option>');
			});
		}
	});
 
	// à la sélection de la localité un dans la liste
	$localite_un.on('change_liste', function() {
		var val = $(this).val(); // on récupère la valeur de la localité un
		if(val != '') {
			$localite_deux.empty(); // on vide la liste de localité deux
			$localite_deux.append('<option value="">Choisir la localité deux</option>');
 
			$.ajax({
				url: 'liste.php',
				data: 'localite_un='+ val, // on envoie $_GET['localite_un']
				dataType: 'json',
				success: function(json) {
					$.each(json, function(index, value) {
						$localite_deux.append('<option value="'+ index +'">'+ value +'</option>');
					});
				}
			});
		}
		else {
			$localite_deux.empty();
			$localite_deux.append('<option value="">Choisir la localité deux</option>');
			$localite_trois.empty(); // on vide la liste de localité deux
			$localite_trois.append('<option value="">Choisir la localité trois</option>');
		}
	});
 
	// à la sélection de la localité deux dans la liste
	$localite_deux.on('change_liste', function() {
		var val = $(this).val(); // on récupère la valeur de la localité deux
		if(val != '') {
			$localite_trois.empty(); // on vide la liste de localité trois
			$localite_trois.append('<option value="">Choisir la localité trois</option>');
 
			$.ajax({
				url: 'liste.php',
				data: 'localite_deux='+ val, // on envoie $_GET['localite_deux']
				dataType: 'json',
				success: function(json) {
					$.each(json, function(index, value) {
						$localite_trois.append('<option value="'+ index +'">'+ value +'</option>');
					});
				}
			});
		}
		else {
			$localite_trois.empty();
			$localite_trois.append('<option value="">Choisir la localité trois</option>');
		}
	});
});

Code PDO PHP

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
<?php
//connexion à la base de données
include'require/config.php';
 
// Vérification des paramètres d'accès au fichier liste.php
if(isset($_GET['go']) || isset($_GET['localite_un']) || isset($_GET['localite_deux'])) {
 
	$json = array();
 
	if(isset($_GET['go'])) {
		// requête qui récupère les localités un
		$requete = "SELECT * FROM localite_un ORDER BY localite_un ASC";
		// exécution de la requête
		$resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));
		// Création de la liste
		while($donnees = $resultat->fetch(PDO::FETCH_ASSOC)) {
			// je remplis un tableau et mettant l'id en index
			$json[$donnees["id_localite_un"]][] = utf8_encode($donnees["localite_un"]);
		}
	}
	elseif(isset($_GET['localite_un'])) {
		// requête qui récupère les localités un
		$requete = "SELECT * FROM localite_deux WHERE id_localite_un = '".$_GET['localite_un']."' ORDER BY localite_deux ASC";
		// exécution de la requête
		$resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));
		// Création de la liste
		while($donnees = $resultat->fetch(PDO::FETCH_ASSOC)) {
			// je remplis un tableau et mettant l'id en index
			$json[$donnees["id_localite_deux"]][] = utf8_encode($donnees["localite_deux"]);
		}
	}
	elseif(isset($_GET['localite_deux'])) {
		// requête qui récupère les localités un
		$requete = "SELECT * FROM localite_trois WHERE id_localite_deux = '".$_GET['localite_deux']."' ORDER BY localite_trois ASC";
		// exécution de la requête
		$resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));
		// Création de la liste
		while($donnees = $resultat->fetch(PDO::FETCH_ASSOC)) {
			// je remplis un tableau et mettant l'id en index
			$json[$donnees["id_localite_trois"]][] = utf8_encode($donnees["localite_trois"]);
		}
	}
	 // envoi du résultat au success
	echo json_encode($json);
}
 
?>

Merci de votre aide

15/02/2014, 14h52
sabotage

Pour l'aspect PDO, il faut que tu utilises des requêtes préparées avec des paramètres.

Pour l'aspect jQuery ... je te transferts vers le forum jQuery.
15/02/2014, 15h01
speedylol

bonjour sabotage a la place du query prepare déjà fait rien ne change j'ai la premier liste s'affiche et les autres dans la nature
16/02/2014, 00h30
danielhagnoul

Bonsoir

$localite_un.on('change_liste', function() { :calim2:.

Je ne comprend pas d'où vient l'événement "change_liste" ? Voir : http://api.jquery.com/change/
16/02/2014, 15h01
speedylol

Bonjour danielhagnoul, j'ai fait le modification rien j'ai toujours que la premier liste .

Bonjour j'ai repris un tutoriel de développez liste liée en AJAX avec du PDO , le soucis rien ne fonction

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
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('modele').innerHTML = leselect;
        }
    }
    // Ici on va voir comment faire du post
    xhr.open("POST","ajaxmodele.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('marque');
    idmarque = sel.options[sel.selectedIndex].value;
    xhr.send("idMarque="+idmarque);
}

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
<body>
	<form>
		<fieldset style="width: 500px">
			<legend>Liste liées</legend>
			<label>Marques</label>
			<select name='marque' id='marque' onchange='go()'>
				<option value='-1'>Aucun</option>
<?
include'require/config1.php';
$reponse = $connection->prepare('SELECT * FROM marque  ORDER BY nom');
$reponse->execute(array());
while($result = $reponse->fetch(PDO::FETCH_ASSOC)){
        echo "<option value=".$result['id'].">".$result['nom']."</option>";
}
?>
			</select>
			<label>Modèle</label>
			<div id='modele' style='display:inline'>
				<select name='modele'>
					<option value='-1'>Choisir la marque</option>
				</select>
			</div>
		</fieldset>
	</form>
</body>
</html>

ajaxmodel

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<?PHP
include'require/config1.php';
echo "<select name='modele'>";
if(isset($_POST["idMarque"])){	
	$reponse = $connection->prepare('SELECT id, nom FROM modele WHERE idMarque=:idMarque ORDER BY nom');
    $reponse->execute(array('idMarque'=> $_POST["idMarque"]));
    while($result = $reponse->fetch(PDO::FETCH_ASSOC)){
	echo "<option value='".$result['id']."'>".$result['nom']."</option>";
    }
}
echo "</select>";
?>

Code:

1
2
idauteur = sel.options[sel.selectedIndex].value;
xhr.send("idMarque="+idmarque);

No comment... :no:

Bonjour voilà j'ai fait la modification mais je n'est que la premier liste qui s'affiche la seconde ne suis pas ?????

la premier avec AJAX et la modification de bovino que je n'avais pas vues.

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
<form>
	<fieldset style="width: 500px">
		<legend>Liste liées</legend>
		<label>Marques</label>
		<select name='marque' id='marque' onchange='go()'>
			<option value='-1'>Aucun</option>
<?PHP
include'require/config1.php';
$reponse = $connection->prepare('SELECT id, nom FROM marque ORDER BY nom');
$reponse->execute(array());
while($result = $reponse->fetch(PDO::FETCH_OBJ)){
        $id = $result->id; $nom = $result->nom;
        echo "<option value=".$id.">".$nom."</option>";
}
?>
		</select>
		<label>Modèle</label>
		<div id='modele' style='display:inline'>
		<select name='modele'>
			<option value='-1'>Choisir la marque</option>
		</select>
		</div>
	</fieldset>
</form>

ajaxmodele.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?PHP
include'require/config1.php';
echo "<select name='modele'>";
if(isset($_POST["idMarque"])){	
	$reponse = $connection->prepare('SELECT id, nom FROM modele WHERE idMarque=:idMarque ORDER BY nom');
    $reponse->execute(array(':idMarque'=> $_POST["idMarque"]));
    while($result = $reponse->fetch(PDO::FETCH_ASSOC)){
	    $id = $result->id; $nom = $result->nom;
		echo "<option value=".$id.">".$nom."</option>";
    }
}
echo "</select>";
?>

une aide serais la bienvenue

17/02/2014, 15h59
Bovino

Merci de lire et d'appliquer : Important : Les règles incontournables d'utilisation de ce forum !
Le code PHP sur lequel s'applique le code JavaScript n'est d'aucune utilité !