Liste déroulante imbriquée importée depuis une Bdd

**WhyMee** · 02/08/2006, 13h07

Bonjour à tous,
Je tente vainement de créer une liste déroulante me permettant de choisir dans une deuxieme liste déroulante des options différentes selon le choix que j'aurais fait dans ma premiere liste.

Exemple dans ma Bdd :
Global type

Service collecte
Service support
Autres client
Autres fournisseurs

En choisissant "Service" dans ma 1 liste, je ne voudrais avoir le choix dans ma seconde qu' entre "collecte" et "support".

Voici mon code :

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
$rqSql = "SELECT DISTINCT global_mat FROM tableau_recap";      
$result = mysql_query($rqSql);
// Construction de la chaîne de caractères qui fait la  liste
$ld = "<SELECT NAME='Choix' onchange='this.ajout.submit()'>";
$ld .= "<OPTION VALUE=0>Choisissez</OPTION>";
// On boucle sur la table
while ( $row = mysql_fetch_array( $result)) {
    $global_mat = $row["global_mat"];
    $ld .= "<OPTION VALUE='$global_mat'>$global_mat</OPTION>";
}
$ld .= "</SELECT>";
print $ld;
 
?>
 
</tr></table>
<table><tr>
 
<?
 
//select onchange='this.form.submit()'
$rqSql1= "SELECT type FROM tableau_recap WHERE global_mat='$Choix'";
$result1 = mysql_query($rqSql1);
$ld1 = "<SELECT NAME='Choix1' select onchange='this.ajout.submit()'>";
$ld1 .= "<OPTION VALUE=0>Choisissez</OPTION>";
// On boucle sur la table
while ( $row1 = mysql_fetch_array( $result1)) {
    $type = $row1["type"];
    $ld1 .= "<OPTION VALUE='$type'>$type</OPTION>";
}
$ld1 .= "</SELECT >";
print $ld1;
 
?>

Une idée, un conseil, je suis preneur

**boo64** · 02/08/2006, 13h08

a tu regarder sur developpez.com en faisant une recherche sur listes liées ainsi que sur le forum car c'est un sujer récurent

**WhyMee** · 02/08/2006, 13h12

Oui mais j'avoue avoir été un peu dérouté par les réponses des différents interlocuteurs. Aussi me suis je dit que si je discuté directement avec les personnes, l'illumination divine me toucherait peut-être....

Je comprends nénamois qu'il doit être enervant de répondre tous les jours a la même question, aussi vais-je persister dans la lecture de ces posts.

Merci quand même

**Amara** · 02/08/2006, 13h16

Une soluce ici
http://javascript.developpez.com/faq...js#listesLiees

**WhyMee** · 02/08/2006, 13h20

Je vais plancher là dessus, et je vous tiens au courant.
Merci.

**WhyMee** · 02/08/2006, 14h23

J'ai réfléchi à vos solutions et j'ai décidé de plutot utilisé l'Ajax comme montré sur ce tuto :
http://siddh.developpez.com/articles/ajax/

Et là je me pose une question qui même à moi me parait bête...
Dans le tuto, il part du principe qu'il a deux tables. Dans mon cas les choix devraient se faire sur deux champs d'une seule table.

J'arrive a faire fonctionner le choix dans la premiere liste sans problème, mais cela n'entraine pas l'apparition des options de la deuxieme liste.

Y aurait il une ame charitable pour expliquer le principe a appliquer

**boo64** · 02/08/2006, 14h34

sorry coné pas l'ajax

**xave** · 02/08/2006, 14h35

Salut,

Ben c'est exactement pareil sauf qu'au lieu de faire ta seconde requete sur une autre table, tu la fais sur un autre champs de la même table et dans la clause where tu passe la valeur du premier champs...

Ca va mieux comme ça?

**WhyMee** · 02/08/2006, 14h45

Ce qui me gene ( mais peut être que ca ne gène que moi

), c'est l'utilisation de plusieurs id.
Il utilise la concordance de ces id pour choisir les differents valeurs de champs à afficher non ?

Ici dans le fichier ajax il pose :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<?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>";
?>

Il faudrait donc poser :

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
<?php
	echo "<select name='livre'>";
	if(isset($_POST["Auteur"]))//car a priori c'est la seule chose qu'on est passé
               {
		mysql_connect("localhost","root","root");
		mysql_select_db("test");
		$res = mysql_query("SELECT livre FROM table 
			WHERE Auteur=".$_POST["Auteur"]." 
                          ORDER BY titre");// On devrait pour l'enlever sans prob cet order non ?
		while($row = mysql_fetch_assoc($res)){
			echo "<option value='".$row["id"]."'>".$row["titre"]."</option>";// et là l'apparation de l'id me laisse pantois
		}
	}
	echo "</select>";
?>

Si je raconte trop de bêtises, n'hésitez pas à hurler !

**lecail65** · 02/08/2006, 14h59

Tu fais comme tu veux !
Mais le principal c'est que ca suivent dans ton code javascript !!!

utilise se code a la pace de la fonction getxhr() :

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
 
 
// Renvoie le texte de l'objet ActiveXObject le plus récent depuis une liste
var pickRecentProgID = function (idList){
	// found progID flag
    var bFound = false;
    for(var i=0; i < idList.length && !bFound; i++){
        try{
            var oDoc = new ActiveXObject(idList[i]);
            o2Store = idList[i];
            bFound = true;
        }catch (objException){
            // trap; try next progID
        };
    };
    if (!bFound)
		throw ("Aucun ActiveXObject n'est valide sur votre ordinateur, pensez à mettre à jour votre navigateur");
    idList = null;
    return o2Store;
}
 
// Retourne un nouvel objet XmlHttpRequest
var GetXmlHttpRequest_AXO=null
var GetXmlHttpRequest=function () {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest()
	}
	else if (window.ActiveXObject) {
		if (!GetXmlHttpRequest_AXO) {
			GetXmlHttpRequest_AXO=pickRecentProgID(["Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"]);
		}
		return new ActiveXObject(GetXmlHttpRequest_AXO)
	}
	return false;
}
 
// Compatibilité AJAX
getXhr=GetXmlHttpRequest;

voila j'espere ke ca ira ! moi g galéré mais now tout fonctionne !! héhé^^

**WhyMee** · 03/08/2006, 10h10

Bon après de multiples essais, tentatives d'utiliser Ajax etc...

Je reviens vous embeter.

Voci mon script Js :

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
 
function go(){
				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.getElementByName('type').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajax.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
				sel = document.getElementByName('tableau_recap');
				global_mat = sel.options[sel.selectedIndex].value;
				xhr.send("global_mat");
			}

Mon 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
<form>
			<fieldset style="width: 500px">
				<legend>Liste liées</legend>
				<label>Matos</label>
				<select name='global_mat' onchange='go()'>
					<option value='-1'>Aucun</option>
					<?
						$res = mysql_query("SELECT DISTINCT global_mat FROM tableau_recap ");
						while($row = mysql_fetch_assoc($res)){
							echo "<option value='".$row["global_mat"]."'>".$row["global_mat"]."</option>";
						}
					?>
				</select>
				<label>Type</label>
				<div id='type' style='display:inline'>
				<select name='type'>
					<option value='-1'>Aucun</option>
				</select>
				</div>
			</fieldset>
		</form>

et mon fichier ajax.php :

Code :

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

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

Ma premiere liste déroulante s'affiche sans problème, mais le choix dans cette liste n'entraine aucun réaction de ma page.
Dans l'exemple dont je me suis inspiré, le choix se fait grace aux id correspondants dans les deux tables. Ici dans mon cas, ces id n'existent pas car j'agis sur deux champs d'une même table.

J'ai donc essayé en jouant sur la valeur recupérée dans la 1ere liste (globabl_mat) mais sans grand succès.

Bref, je rame ...
Quelqu'un aurait une petite idée ?

Merci.

**lecail65** · 03/08/2006, 10h51

salut !
tu as surement un pb ds ta ligne

Code :

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

1
2
3

sel = document.getElementByName('tableau_recap');

il faut mettre ici l'id de ton select!

donc:

Code :

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

1
2
3
 
 
<select name='global_mat' id='global_mat' onchange='go()'>

je ne suis pas sur mais essaye ca pour voir !

**WhyMee** · 03/08/2006, 10h57

Effectivement, il me manquait quelque chose.

Néanmoins, ca ne fonctionne toujours pas.

Les lignes qui me posent problème (pour la compréhension) sont :

Code :

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

1
2
3
sel = document.getElementById('tableau_recap');
global_mat = sel.options[sel.selectedIndex].value;
xhr.send("global_mat="+global_mat);

**lecail65** · 03/08/2006, 11h13

essaye pas mettre le meme nom pour le name et l'id :

explication

Code :

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

1
2
3
4
5
6
7
8
9
10


			
<select name='global_mat_X' id='global_mat' onchange='go()'>

<label>Type</label>
<div id='type' style='display:inline'>
<select name='type_X'></select>
</div>

aprs je ne vois pas trop !

**lecail65** · 03/08/2006, 11h19

ah oui aussi ! si t as changé la fonction getxhr() par le bout de code que j'ai mis plus haut !!

il faut rajouter a t'as fonction :

Code :

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

1
2
3
4
5
6
7
8

function go()
{
 // au debut
  var xhr = getXhr();

}

**WhyMee** · 03/08/2006, 11h24

Ok j'ai fait les modifications proposées mais la page ne se charge toujours pas.

Merci de te donner du mal pour mon petit bout de code.

**boo64** · 03/08/2006, 11h32

Ayant aucune connaissance en ajax je me rapelle que j'avaisproceder autrement et j'ai retrouver le code source qui m'avais servi

http://php.developpez.com/sources/?p...ms#listesliees

dsl pour cette réponse aussi tardive je ne sais pas si cela te seras utile mais on ne sait jamais bon courage

**lecail65** · 03/08/2006, 11h32

derniere soluce :

Change de pc !!!

**WhyMee** · 03/08/2006, 11h38

Mouai je pense que le pc est pas en cause, je blamerais plutot le pseudo "programmeur" que je suis

Je vais explorer ton code Boo, j'aurais peut-être une illumination

**WhyMee** · 03/08/2006, 14h24

Bon après moultes recherches, tentatives de codes et autres.

Je vais commencer a penser qu'il faut deux tables distinctes pour avoir deux listes liées et qu'il n'est pas possible de le faire avec deux champs d'une seule table.
J'ai regarder le code que Boo m'a conseillé, mais là aussi, il jour sur deux tables lieux et salle car elles sont liées par un id.
Car je ne vois vraiment pas comment on peut lier deux champs entre eux sans passer par des id comme je souhaite le faire...

Liste déroulante imbriquée importée depuis une Bdd

JavaScript

Discussions similaires

Partager

Partager