Pb Liste déroulante

Version imprimable

26/07/2006, 14h28
zut94

Pb Liste déroulante

Bonjour,

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

Citation:

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:

Citation:

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:

Citation:

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.

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

Code:

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);
}

26/07/2006, 14h36
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"
26/07/2006, 14h39
zut94

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

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:

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); }

26/07/2006, 14h41
linar009

Citation:

Envoyé par zut94

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