Besoin aide petit sript Javascript
augustin78
Messages postés
56
Date d'inscription
Statut
Membre
Dernière intervention
-
augustin78 Messages postés 56 Date d'inscription Statut Membre Dernière intervention -
augustin78 Messages postés 56 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous, alors voilà je suis en train de me battre avec une fonction qui ne fait pas ce dont j'ai envie. J'ai créer 5 listes déroulantes avec des cas. (des listes liées en somme) Malheureusement, seul la première là où il y'a la div explication1 qui marche. Je ne sais pas pourquoi les listes liées n'apparairaissent pas dans les div explication2/3/4/5. Si vous pouvez m'aider, merci d'avance
La fonction
Là où je voudrais que ça apparaisse:
Désolé je me suis trompé de forum, j'essaye de déplacer le post.
La fonction
<script language="JavaScript"> function affichage(champ) { } // fonction specifique aux 'selects' function affichageliste(element) { // on créer les explications qui s'afficheront dans la zone de texte pour tous les 'selects' var liste1_1 = 'liste'; var liste1_2 = 'liste'; var liste1_3 = 'liste'; var liste1_4 = 'liste'; var liste1_5 = 'liste'; var liste2_1 = 'liste'; var liste2_2 = 'liste'; var liste2_3 = 'liste'; var liste2_4 = 'liste'; var liste2_5 = 'liste'; var liste3_1 = 'liste'; var liste3_2 = 'liste'; var liste3_3 = 'liste'; var liste3_4 = 'liste'; var liste3_5 = 'liste'; var liste4_1 = 'liste'; var liste4_2 = 'liste'; var liste4_3 = 'liste'; var liste4_4 = 'liste'; var liste4_5 = 'liste'; var liste5_1 = 'liste'; var liste5_2 = 'liste'; var liste5_3 = 'liste'; var liste5_4 = 'liste'; var liste5_5 = 'liste'; selection = element.options[element.options.selectedIndex].index; if ( selection == '0' ) { affichage(vide); } else { // si le choix n'est pas le premier, on lance l'affichage du choix sel = element.name; optionchoisie = eval(sel + selection) affichage(optionchoisie); } var option_numero = element.options[element.options.selectedIndex].index; switch(option_numero) { case 0: document.getElementById('explication1').innerHTML= ''; break; case 1: document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 2: document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 3: document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 4: document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 5: document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 6: document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 7: document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 9: document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 0: document.getElementById('explication2').innerHTML= ''; break; case 1: document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 2: document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 3: document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 4: document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 5: document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 6: document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 7: document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 9: document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 0: document.getElementById('explication3').innerHTML= ''; break; case 1: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 2: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 3: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 4: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 5: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 6: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 7: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 9: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 0: document.getElementById('explication4').innerHTML= ''; break; case 1: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 2: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 3: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 4: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 5: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 6: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 7: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 9: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 0: document.getElementById('explication5').innerHTML= ''; break; case 1: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 2: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 3: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 4: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 5: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 6: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 7: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 9: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; } } </script>
Là où je voudrais que ça apparaisse:
<form name="formulaire"> <p> Symptôme n°1</p> <select name="liste1_" OnChange="affichageliste(liste1_);"> <option>Choisissez</option> <option>Général</option> <option>Tête / visage / cou</option> <option>Psychologie</option> <option>Membres supérieurs</option> <option>Torse / Poitrine / Dos</option> <option>Pelvis / Périnée / Abdomen</option> <option>Anomalies de l'oesophage</option> <option>Membres inférieurs</option> </select> <div id="explication1"> </div> <p> Symptôme n°2</p> <select name="liste2_" OnChange="affichageliste(liste2_);"> <option>Choisissez</option> <option>Général</option> <option>Tête / visage / cou</option> <option>Psychologie</option> <option>Membres supérieurs</option> <option>Torse / Poitrine / Dos</option> <option>Pelvis / Périnée / Abdomen</option> <option>Anomalies de l'oesophage</option> <option>Membres inférieurs</option> </select> <div id="explication2"> </div> <p> Symptôme n°3</p> <select name="liste3_" OnChange="affichageliste(liste3_);"> <option>Choisissez</option> <option>Général</option> <option>Tête / visage / cou</option> <option>Psychologie</option> <option>Membres supérieurs</option> <option>Torse / Poitrine / Dos</option> <option>Pelvis / Périnée / Abdomen</option> <option>Anomalies de l'oesophage</option> <option>Membres inférieurs</option> </select> <div id="explication3"> </div> <p> Symptôme n°4</p> <select name="liste4_" OnChange="affichageliste(liste4_);"> <option>Choisissez</option> <option>Général</option> <option>Tête / visage / cou</option> <option>Psychologie</option> <option>Membres supérieurs</option> <option>Torse / Poitrine / Dos</option> <option>Pelvis / Périnée / Abdomen</option> <option>Anomalies de l'oesophage</option> <option>Membres inférieurs</option> </select> <div id="explication4"> </div> <p> Symptôme n°5</p> <select name="liste5_" OnChange="affichageliste(liste5_);"> <option>Choisissez</option> <option>Général</option> <option>Tête / visage / cou</option> <option>Psychologie</option> <option>Membres supérieurs</option> <option>Torse / Poitrine / Dos</option> <option>Pelvis / Périnée / Abdomen</option> <option>Anomalies de l'oesophage</option> <option>Membres inférieurs</option> </select> <div id="explication5"> </div> </form>
Désolé je me suis trompé de forum, j'essaye de déplacer le post.
A voir également:
- Besoin aide petit sript Javascript
- Trier du plus petit au plus grand excel - Guide
- Petit 3 ✓ - Forum Word
- A javascript error occurred in the main process - Forum Matériel & Système
- Petit 2 ✓ - Forum Windows
- Telecharger javascript - Télécharger - Langages
2 réponses
non c'est bien le bon forum
tu ne peux pas mettre plusieurs fois case n dans un même
switch(){
}
ensuite je ne vois pas trop a quoi sert cet affichage
et il faut dans une liste <select que les lignes options aient une value
ex:
<option value="0" >première ligne</option>
tu ne peux pas mettre plusieurs fois case n dans un même
switch(){
}
ensuite je ne vois pas trop a quoi sert cet affichage
et il faut dans une liste <select que les lignes options aient une value
ex:
<option value="0" >première ligne</option>
comme cela ça fonctionne pour les 2 premières, modifies les autres listes pareil
<script type="text/javascript" > function affichage(champ) { } // fonction specifique aux 'selects' function affichageliste(element) { // on créer les explications qui s'afficheront dans la zone de texte pour tous les 'selects' var liste1_1 = 'liste'; var liste1_2 = 'liste'; var liste1_3 = 'liste'; var liste1_4 = 'liste'; var liste1_5 = 'liste'; var liste2_1 = 'liste'; var liste2_2 = 'liste'; var liste2_3 = 'liste'; var liste2_4 = 'liste'; var liste2_5 = 'liste'; var liste3_1 = 'liste'; var liste3_2 = 'liste'; var liste3_3 = 'liste'; var liste3_4 = 'liste'; var liste3_5 = 'liste'; var liste4_1 = 'liste'; var liste4_2 = 'liste'; var liste4_3 = 'liste'; var liste4_4 = 'liste'; var liste4_5 = 'liste'; var liste5_1 = 'liste'; var liste5_2 = 'liste'; var liste5_3 = 'liste'; var liste5_4 = 'liste'; var liste5_5 = 'liste'; //avec getElementById c'est mieux à condition de ne pas oublier les value= dans les <option selection = document.getElementById(element).value; if ( selection != '0' ) { { // si le choix n'est pas le premier, on lance l'affichage du choix // sel = element.name; optionchoisie = eval("'"+element+selection+"'"); //alert("option choisie= "+optionchoisie); //affichage(optionchoisie); //var option_numero = element.options[element.options.selectedIndex].index; // switch(option_numero) switch(optionchoisie) { //dans un switch /case tu ne dois pas avoir les mêmes valeurs case (toi tu avait n fois case 0 ) et les valeurs doivent être entre ' case 'liste1_0': document.getElementById('explication1').innerHTML= ''; break; case 'liste1_1': document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste1_2': document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste1_3': document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste1_4': document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste1_5': document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste1_6': document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste1_7': document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste1_9': document.getElementById('explication1').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste2_0': document.getElementById('explication2').innerHTML= ''; break; case 'liste2_1': document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste2_2': document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste2_3': document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste2_4': document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste2_5': document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste2_6': document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste2_7': document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 'liste2_9': document.getElementById('explication2').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; //idem pour les autres listes case 0: document.getElementById('explication3').innerHTML= ''; break; case 1: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 2: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 3: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 4: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 5: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 6: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 7: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 9: document.getElementById('explication3').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 0: document.getElementById('explication4').innerHTML= ''; break; case 1: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 2: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 3: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 4: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 5: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 6: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 7: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 9: document.getElementById('explication4').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 0: document.getElementById('explication5').innerHTML= ''; break; case 1: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 2: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 3: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 4: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 5: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 6: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 7: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; case 9: document.getElementById('explication5').innerHTML= '<select> <option value=">Choisissez </option><option value="maux de tête">maux de tête</option> <option value="maux de tête">maux de tête</option></select> '; break; } } //fin du if selection !=0 } </script> <form name="formulaire"> <p> Symptôme n°1</p> <!-- ci dessou dans <select il faut id= et mettre la valeur passée à la fonction entre ' --> <select name="liste1_" id="liste1_" OnChange="affichageliste('liste1_');"> <option value="0">Choisissez</option> <option value="1">Général</option> <option value="2">Tête / visage / cou</option> <option value="3">Psychologie</option> <option value="4">Membres supérieurs</option> <option value="5">Torse / Poitrine / Dos</option> <option value="6">Pelvis / Périnée / Abdomen</option> <option value="7">Anomalies de l'oesophage</option> <option value="9">Membres inférieurs</option> </select> <div id="explication1"> </div> <p> Symptôme n°2</p> <select name="liste2_" id="liste2_"OnChange="affichageliste('liste2_');"> <option value="0">Choisissez</option> <option value="1">Général</option> <option value="2">Tête / visage / cou</option> <option value="3">Psychologie</option> <option value="4">Membres supérieurs</option> <option value="5">Torse / Poitrine / Dos</option> <option value="6">Pelvis / Périnée / Abdomen</option> <option value="7">Anomalies de l'oesophage</option> <option value="9">Membres inférieurs</option> </select> <div id="explication2"> </div>
pour l'histoire de la value il est vrai j'ai oublié de donner un nom, mais c'était pour vous montrer. j'ai changé toutes les valeurs des cases jusqu'à 45 dans mon exemple. Mon problème est que par exemple lorsque je sélectionne une option dans la liste 5 il ne me fais pas ma liste déroulante en dessous