Discussion :

[mic79]

Bonjour,

Je dispose d'une liste déroulante dans laquelle se trouve 3 optionGroup.
Je dispose également d'une autre liste déroulante ou sont stockées des années. lors du changement d'années, il faut que je refraichissent la liste déroulante ou se trouve les optionsgroup. J'ai trouver comment écrire dans la liste mais je ne vois pas comment lui dire d'écrire dans tel ou tel optiongroup.

Si vous quelqu'un pouvez me donner un coup de main

voici mon code qui me sert à écrire dans la liste

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
 
	function majVersion(list){
		lst=document.getElementById('changeversion');
		lst.length=0;
		if(year[list.value].version.length > 0){
			for(y in year[list.value].version){
				var o=new Option(year[list.value].version[y].name,year[list.value].version[y].id);
				if(year[list.value].version[y].active){
					o.style.color='red';
				}else{
					if(year[list.value].version[y].simul){
						o.style.color='blue';
					}
					else
						o.style.color='black';
				}
				lst.options[lst.options.length]=o;
			}
		}
	}

Par avance merci

Mic

[siddh]

essayes de mettre un id a ton optgroup, tu le recupère avec un getElementById et ensuite un appendChild de ton option.

[mic79]

voila se que je réalise mais lst.length ou lst.options.length affiche undefined

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
 
<select id="toto" name="toto">
<optgroup label="test1" id="budget">
	<option value="1">Tets 1</option>
</optgroup>
<optgroup label="test2">
	<option value="2">Tets 2</option>
</optgroup>
</select>
<script type="text/javascript">
 
		lst=document.getElementById('budget');
		lst.length=0;
 
</script>

[siddh]

Code :

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

1
2
3
4
5
lst=document.getElementById('budget'); 
	op = document.createElement("option");
	op.text = 'toto';
	op.value = '1';
	lst.appendChild(op);

EDIT

remplaces

Code :

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

op.text = 'toto';

par

Code :

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

op.appendChild(document.createTextNode('toto'));

car dans ie je viens de voir que ca marche pas tres bien sinon

[mic79]

Ok merci ça marche.

Par contre je fais comment pour les supprimer après ? car dans mon cas en 2005 j'ai des eléments qu'il ne seront pas en 2006 par exemple

[mic79]

j'ai essayer ça mais ça na pas l'air de fonctionner

Code :

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

1
2
3
 
   for(var i=0;i<lst.childNodes.length;i++)
   		lst.removeChild(i);

[siddh]

Code :

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

lst.removeChild(lst.childNodes[i]);

mais fais gaffe car en enlevant les elements, le length sera réactualisé.

Fais plutot un :

Code :

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

1
2
while(lst.childNodes.length > 0)
lst.removeChild(lst.firstChild());

ca te la videra

[mic79]

ok merci,

je suis arrivé a supprimé en passant par la

Code :

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

1
2
3
4
5
 
   for(var i=0;i<lst.childNodes.length;i++){
		var noeud=lst.firstChild;
		lst.removeChild(noeud);
	}

je vais prendre le tiens, il me semble beaucoup mieux

Encore merci pour ton aide

Mic