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

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>
J'ai compris que je devais regarder document.createElement ainsi que appendChild. Mais honnêtement, ça dépasse mon champ de compétences