Discussion :

[zut94]

Bonjour,

J'ai un formulaire qui contient 2 liste déroulante.
Le première liste contient

echo "<form method='post' action='rechercher.php' name='form_rech'>\n";
echo " <ul id='recherche'>\n";
echo " <li>Recherche</li>\n";
echo " <li></li>\n";
echo " <li><select name='type_mat' id='liste_rech'>";
echo " <option value='1'>Matériel roulant</option>";
echo " <option value='2'>Matériel non roulant</option>";
echo " </select>";
echo " </li>";
echo " <li></li>\n";
........

Si l'utilisateur choit dans la 1ère liste "matériel roulant", ma 2ème liste doit contenir ça:

echo " <li><select name='choix' id='liste_rech' \n";
echo " <option value='parc'>N° Parc</option>\n";
echo " <option value='immatriculation' >Immatriculation</option>\n";
echo " <option value='agence' >Agence</option>\n";
echo " <option value='technique' >Catégorie technique</option>\n";
echo " </select>\n";
echo "</li>\n";
echo "<li></li>\n";

En revanche si l'utilisateur choisit dans la 1ère liste "matériel non roulant", ma 2ème liste doit contenir seulement ça:

echo " <li><select name='choix' id='liste_rech' \n";
echo " <option value='parc'>N° Parc</option>\n";
echo " <option value='agence' >Agence</option>\n";
echo " <option value='technique' >Catégorie technique</option>\n";
echo " </select>\n";
echo "</li>\n";
echo "<li></li>\n";

Comment je peux faire ca de manière très simple car je connais pas javascript.

[linar009]

Vous allez sans doute dire que je me repete mais voici deux foncitons très pratique pour bidouiller les selects :

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
function insertOptionBefore(champReference,num,valeur,text)
{  
    var elOptNew = document.createElement('option');
    elOptNew.text = text;
    elOptNew.value = valeur;
    var elOptOld = champReference.options[0];  
    try {
      champReference.add(elOptNew, elOptOld); 
    }
    catch(ex) {
      champReference.add(elOptNew,0); // IE
    } 
}
 
function removeOption(champReference,index)
{       
      champReference.remove(index);
}

[legillou]

Mort de rire, combien de fois les gens vont poster sans regarder si la question n'a pas ete poser. Il y a meme un post-it speciale "Liste Deroulante"

[zut94]

linar009, tu pourrais détailler ta fonction car je connais pas trop le javascript.

[linar009]

linar009, tu pourrais détailler ta fonction car je connais pas trop le javascript.

Regarde l'autre sujet qui ne doit pas être bien loin de ton post
Intitulé : changer les options d'un select

[linar009]

Oui d'ailleurs d'après l'autre sujet sur lequel nous discutons du même sujet, j'ai vu que j'ai fait une petite erreur (enfin c'est pas vraiment une erreur mais plutôt un oubli) :

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
function insertOptionBefore(champReference,num,valeur,text)
{  
    var elOptNew = document.createElement('option');
    elOptNew.text = text;
    elOptNew.value = valeur;
    var elOptOld = champReference.options[num];  
    try {
      champReference.add(elOptNew, elOptOld); 
    }
    catch(ex) {
      champReference.add(elOptNew,num); // IE
    } 
}

function removeOption(champReference,index)
{       
      champReference.remove(index);
}