Discussion :

[vivicente]

Bonjour, j'ai inclus dans mon formulaire deux listes déroulantes...
la première permet de choisir un constructeur ..et la seconde permet de choisir le modèle ...
J'aimerais filtrer les valeurs de la liste déroulante "modèle" grace au choix du constructeur dans la liste déroulante. J'aimerais afficher uniquement les modèles proposé par le constructeur sélectionné dans la première liste déroulante ..


J'ai donc voulu récupérer le contenu de la première liste grâce à la variable $_POST[id_constructeur] mais ça ne fonctionne pas ....

Voilà 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
35
36
37
38
39
40
 
 
<tr>
        	<td class="right-label" style="width: 100px; font-weight: bold;" nowrap>Constructeur *</td>
                <td colspan=3 class="left-label" nowrap>
                	<select name=id_constructeur onchange="decision(this.selectedIndex);">
                        <option value="">------</option>
                        <?
						    connexion();
                        	$requete = mysql_query( "select id_constructeur ,nom from constructeur2 order by nom" );
                                while( $resultat=mysql_fetch_array($requete) ) {
                                	print "<option value=$resultat[0] ";
                                        if($_POST[id_constructeur] == $resultat[0]) { print "selected"; }
                                        print ">$resultat[1]</option>\n";
                                }
                                deconnexion();
                        ?>
                        </select>
                </td>
        </tr>
	<tr><td colspan=2 style="font-size: 5;"><br></td></tr>
 
	<tr>
        	<td class="right-label" style="width: 100px; font-weight: bold;" nowrap>Modele *</td>
                <td colspan=3 class="left-label" nowrap>
                	<select name=id_modele onchange="decision(this.selectedIndex);">
                        <option value="">------</option>
                        <?
						    connexion();
                        	$requete = mysql_query( "select id_modele ,nom_modele,id_constructeur from modele2 where id_constructeur ='$_POST[id_constructeur]'");
                                while( $resultat=mysql_fetch_array($requete) ) {
                                	print "<option value=$resultat[0] ";
                                        if($_POST[id_modele] == $resultat[0]) { print "selected"; }
                                        print ">$resultat[1]</option>\n";
                                }
                                deconnexion();
                        ?>
                        </select>
                </td>
        </tr>

besoin d'une petite aide ?

Table constructeur2 : id_constructeur ,id_support ,nom ,commentaire
table modele2 : ID_MODELE , ID_CONSTRUCTEUR , NOM_MODELE , COMMENTAIRE

[vivicente]

Je pense qu'en faite il me faut un mise à jour de la valeur de la seconde liste en fonction du choix selectionné dans la premiere..

[floran77]

Bonjour,

Que fait votre fonction Javascript que vous déclenchez sur le onchange?

[vivicente]

c'est un morceau de code que j'ai repris...en effet il faut que change la valeur du code javascript sur le Onchange()....
Des propositions ?

[floran77]

Un "this.form.submit()" ne me parait pas mal

[vivicente]

J'ai déjà essayer ceci ...mais en fait ça valide mon formulaire et appel la page new_server.php (qui est l'action de mon formulaire) ....
j'aimerais juste que ça me valide le champs select constructeur uniquement ....

[floran77]

Un petit peu d'Ajax alors... Ça éviterait en plus le rafraîchissement de la page.

[vivicente]

Tu n'aurais pas d'exemple par tout hasard ?

[floran77]

Excuse-moi, j'étais un peu pressé....

Voilà un tutoriel qui correspond exactement à ton cas, c'est à dire où les options d'un select varie en fonction de l'option sélectionnée d'un autre select.

http://siddh.developpez.com/articles/ajax/#LIV-A

Bon courage