Bonjour à tous.
La FAQ n'ayant pas pu m'aider à résoudre mon problème , je me permets de vous en faire part

J'ai un événement onclick sur 2 options d'un radio button. Si je clique sur le premier, une liste d'id "liste" s'alimente de 3 éléments. Si je clique sur la seconde, alors ma liste doit s'alimenter de 2 éléments.

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
 
function change(val){		
   if(val=="elle"){
      document.getElementById('liste').options[0].value="B";
      document.getElementById('liste').options[1].value="S";
      document.getElementById('liste').options[2].value="H";
      document.getElementById('liste').options[0].text="Bonjour";
      document.getElementById('liste').options[1].text="Salut";
      document.getElementById('liste').options[2].text="Hello";
   }
   else{
      document.getElementById('liste').options[0].value="H";
      document.getElementById('liste').options[1].value="F";
      document.getElementById('liste').options[0].text="How are you";
      document.getElementById('liste').options[1].text="fine thanks";
   }
}
Lorsque je test, il me change bien les index et les text, mais ne me rajoute ni m'enleve l'élement de difference entre les 2.

Pourquoi ne créé t-il pas de ouvel élément, et ne "vire" t-il pas non plus l'élément qui n'a plus lieu d'être ??

merci d'avance !