Discussion :

[jerome38000]

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 !

[Oluha]

ca parait un peu logique puisque tu ne lui dis ni d'en ajouter ni d'en supprimer

[jerome38000]

Pour la suppression ok, je te suis (je pourrais déclarer le dernier élément comme "null" et le pb n'aurait plus lieu d'être je pense), mais ce que je ne comprends pas, pour l'ajout, le fait de déclarer un nouvel élément devrait le faire apparaitre non ?

[Oluha]

pour vider la liste :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function raz(liste) {
	l=document.nvabo.elements[liste].length; 
	for (i=l; i>=0; i--) 
   		document.nvabo.elements[liste].options[i]=null;
}

Pour remplir la liste :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function filltheselect(liste, choix) {
	raz("origines"); 
    for (i=0; i<origines[choix].length; i++) { 
         new_option = new Option(origines[choix][i][1],origines[choix][i][0]); 
         document.nvabo.elements["origines"].options[document.nvabo.elements["origines"].length]=new_option; 
    } 
}

Ces 2 fonctions proviennent de la FAQ pour les listes liées en elles

[SpaceFrog]

y'a pas d'additem ?