Bonjour à tous,
Voilà plusieurs jours que je cherche une solution pour une liste lié qui fonctionne parfaitement sur tous les navigateurs sauf évidement sur IE .
J'ai bien vue que innerHTML posait problème avec IE, j'ai vue plein de solutions que j'ai j'ai testées, mais je n'arrive à rien de fonctionnel
- Une première liste permet de choisir une situation (situation_1 ou situation_2)
- Une deuxième liste permet de choisir une question en fonction de la situation (question_1 à question_4)
- Sous FF la liste de question apparait bien, sous IE il n'y a aucun affichage
Je suis très moyen (mauvais ?) en javascript, si quelqu'un pouvait m'aider![]()
J'ai compris que je devais regarder document.createElement ainsi que appendChild. Mais honnêtement, ça dépasse mon champ de compétences
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 <script type="text/javascript"> /** * Affiche la liste de questions correspondant à la situation choisie */ function rafraichirListeQuestions(situation) { /* Remplace le contenu de la liste des questions par le contenu de la liste portant l'id correspondant à la situation donnée */ document.getElementById("question").innerHTML = document.getElementById(situation).innerHTML; } </script> <form action="valider.php" method="post" name="contact" > <select name="situation" id="situation" onchange="rafraichirListeQuestions(this.options[this.options.selectedIndex].value);"> <option value="">(Choisir une situation)</option> <option value="situation_1">Situation 1</option> <option value="situation_2">Situation 2</option> </select> <label for="question">Votre question</label> <select name="question" id="question" > </select> </form> <!-- Div caché des listes de questions --> <div id="listes_questions" style="display:none"> <select name="situation_1" id="situation_1" > <option value="">(Choisir une question)</option> <option value="question_1">Question 1</option> <option value="question_2">Question 2</option> </select> <select name="situation_2" id="situation_2" > <option value="">(Choisir une question)</option> <option value="question_3">Question 3</option> <option value="question_4">Question 4</option> </select> </div>![]()
Partager