Discussion :

[titi6913]

Bonjour,

J'ai un petit problème qui m'embête beaucoup en ce moment. J'ai un formulaire de deux listes liées. Un champ projet qui se remplit par une requête mysql et un champs sous_product qui se remplit par une requête mysql mais selon le choix du projet. Je souhaite récupérer les valeurs de ces deux champs :

Pour le champ projet il n'y a aucun problème cela marche très bien mais le champs sous_product impossible.

code pour récuperer les valeurs

Code :

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

1
2
3
4
5
sel = document.getElementById('projet');
projet = sel.options[sel.selectedIndex].value;
 
sel2 = document.getElementById('sous_product');
sous_product = sel.options[sel2.selectedIndex].value;

code de 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
22
<form action="test2.php" method="post" enctype="multipart/form-data">
    <h2>Test de listes</h2><br>
    <label>projets</label>
    <select name='projet' id='projet' onchange='go("sous_product")'>
            <option value='-1'>Aucun</option>
            <?php
	    mysql_connect("localhost","","");
	    mysql_select_db("eprbdd");
	    $res = mysql_query("SELECT * FROM projet ORDER BY libelle");
	    while($row = mysql_fetch_assoc($res)){
	        echo "<option value='".$row["id"]."'>".$row["libelle"]."</option>";
	    }
	    ?>
    </select>
 
    <label>sous_product</label>
    <div id='sous_product' style='display:inline'>
	<select name='sous_product' id='sous_product'>
	    <option value='-1'>Choisir un projet</option>
        </select>
    </div>
</form>

Il me semble que le problème est du au div mais je n'arrive pas à valider le diplay:inline si je n'utilise pas cette méthode. En effet sel 2 prend la valeur div#sous_product au lieu de select#sous_product

Merci d'avance

[E.Bzz]

Bonjour,
il est interdit d'utiliser le même id (sous_product) deux fois dans une page

A+

[titi6913]

Le problème c'est que si je change le nom de ma div alors l'affichage dans la liste sous_product ne marche pas. J'ai une liste imbriquée dans une autre et impossible de faire un choix

[E.Bzz]

Le problème c'est que si je change le nom de ma div alors l'affichage dans la liste sous_product ne marche pas. J'ai une liste imbriquée dans une autre et impossible de faire un choix

Ben si tu changes l'id de la div, il va forcément falloir le changer partout où tu y fais référence, notamment dans tes fonctions JS

A+

[titi6913]

Je suis débutant en javascript et je n'y arrive toujours pas. Je ne souhaite pas appeler les div mais le select donc il ne me semble pas que j'appelle les div dans mes fonctions javascript.

[edenreal]

alors supprime simplement l'id de tes div, si tu t'en sert pour le css, modifie les id de tes div dans ton formulaire et dans ton css

(sauf erreur de ma part)

[E.Bzz]

Je ne souhaite pas appeler les div mais le select donc il ne me semble pas que j'appelle les div dans mes fonctions javascript.

Visiblement ta seconde liste (sous_product) est alimentée par une fonction Ajax.
C'est certainement dans cette fonction (entre autres) qu'il faut répercuter la modification de l'id que tu as faites dans le code HTML.

A+