changer les options d'un select

Version imprimable

26/07/2006, 13h56
shinrei

changer les options d'un select

Bonjour,

Quelqu'un sait comment on ajoute /modifie les options dans un select?

Je sais recupere la valeur du select mais pas ca.

Merci,

Moi j'utilise ces deux fonctions qui me permettent de supprimer et ajouter des options à volonté dans un select :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function insertOptionBefore(champReference,num,valeur,text)
{  
    var elOptNew = document.createElement('option');
    elOptNew.text = text;
    elOptNew.value = valeur;
    var elOptOld = champReference.options[0];  
    try {
      champReference.add(elOptNew, elOptOld); 
    }
    catch(ex) {
      champReference.add(elOptNew,0); // IE
    } 
}
 
function removeOption(champReference,index)
{       
      champReference.remove(index);
}

J'espère que ça t'aideras...

26/07/2006, 14h31
shinrei

Salut,

alors si j'ai bien compris:

champReference = l'id ou name du select
num = ??
valeur = la valeur qui prendra l'option
text = text a afficher

try = pour les nav standart
catch = pour IE -> pourquoi un "0" dans les parenthese?

je vais tester ca
26/07/2006, 14h35
linar009

Citation:

Envoyé par shinrei

champReference = l'id ou name du select

Oui c'est ça

Citation:

Envoyé par shinrei

num = ??

Oui je viens de m'apercevoir que num ne sert à rien...:oops:

Citation:

Envoyé par shinrei

valeur = la valeur qui prendra l'option
text = text a afficher

C'est ça!

Citation:

Envoyé par shinrei

try = pour les nav standart
catch = pour IE -> pourquoi un "0" dans les parenthese?

Ca c'est la vie...:D
26/07/2006, 14h36
linar009

Si ca me reviens!

num c'est pour remplacer le 0 justement

C'est parce que moi je n'utilise cette fonction que pour insérer en tete de liste

C'est l'indice dans la liste avant lequel tu veux insérer ton option en fait

C'est bon ca marche mais:

je n'arrive à recupere le nombre d'element et ainsi supprimer ses options avant d'ajouter

Citation:

else {
alert(document.getElementById('typeId').lenght);
//OU
alert(typeId.lenght);

for (i=0;i<3;++i) {
removeOption(typeId,i);
}
}

Je crois que j'utilise mal le lenght non?

Ca m'affiche 2 fois undefined

EDIT:

Bon ca marche un peu mieux mais (encore).
Ca marche qu'une fois?????8O si je change une 2eme fois la selection de ItypeId , je ne change pas l'autre (typeId)

Code:

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
39
40
41
42
43
44
45
46
47
48
49
50
51
 
function insertOptionBefore(champReference,valeur,text)
{  
    var elOptNew = document.createElement('option');
    elOptNew.text = text;
    elOptNew.value = valeur;
    var elOptOld = champReference.options[0];  
    try {
      champReference.add(elOptNew, elOptOld); 
    }
    catch(ex) {
      champReference.add(elOptNew,0); // IE
    } 
}
function removeOption(champReference,index)
{       
	alert('le champs '+ champReference.option[index] +' va disparaitre');
    champReference.remove(index);
}
 
function populateTypeList (ItypeId) {
	if (ItypeId.value == 'Goods Sup.'){
		var max = document.supcreate.typeId.length;
		for (i=1;i<=max;++i) {
			removeOption(typeId,i);
		}
		insertOptionBefore(typeId,'','');
		insertOptionBefore(typeId,'Agent','Agent');
		insertOptionBefore(typeId,'Manufacturer','Manufacturer');
		insertOptionBefore(typeId,'Trader','Trader');
		alert(document.supcreate.typeId.length);
	}
	else if (ItypeId.value == 'Service Sup.'){
		var max = document.supcreate.typeId.length;
 
		for (i=1;i<=max;++i) {
			removeOption(typeId,i);
		}
		insertOptionBefore(typeId,'','');
		insertOptionBefore(typeId,'Carrier','Carrier');
		insertOptionBefore(typeId,'Hub / Forwader','Hub / Forwader');
		alert(document.supcreate.typeId.length);
	}
	else {
		var max = document.supcreate.typeId.length;
		for (i=1;i<=max;++i) {
			removeOption(typeId,i);
		}
		alert(document.supcreate.typeId.length);
	}
}

26/07/2006, 15h24
linar009

Ca ca doit etre un autre probleme...
Chez moi ces deux fonctions marchent très bien et autant de fois que nécessaire...
A mon avis c'est un probleme de gestion d'evenement

C'est bon c'etait la fonction remove qui me faisait defaut.

je donne pour ceux qui en ont besoin.

Code:

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
39
40
41
42
43
44
45
46
47
48
49
50
51
 
function insertOptionBefore(champReference,valeur,text)
{  
    var elOptNew = document.createElement('option');
    elOptNew.text = text;
    elOptNew.value = valeur;
    var elOptOld = champReference.options[0];  
    try {
      champReference.add(elOptNew, elOptOld); 
    }
    catch(ex) {
      champReference.add(elOptNew,0); // IE
    } 
}
 
function effacer() {
 document.supcreate.typeId.options[document.supcreate.typeId.length-1] = null;
}
function populateTypeList (ItypeId) {
	if (ItypeId.value == 'Goods Sup.'){
		var max = document.supcreate.typeId.length;
		var i =1;
		while (i<(max+1)){
			effacer();
			++i;
		}
		insertOptionBefore(typeId,'Trader','Trader');
		insertOptionBefore(typeId,'Manufacturer','Manufacturer');
		insertOptionBefore(typeId,'Agent','Agent');
		insertOptionBefore(typeId,'','');
	}
	else if (ItypeId.value == 'Service Sup.'){
		var max = document.supcreate.typeId.length;
		var i =1;
		while (i<(max+1)){
			effacer();
			++i;
		}
		insertOptionBefore(typeId,'Hub / Forwader','Hub / Forwader');
		insertOptionBefore(typeId,'Carrier','Carrier');
		insertOptionBefore(typeId,'','');	
	}
	else if (ItypeId.value == ''){
		var max = document.supcreate.typeId.length;
		var i =1;
		while (i<(max+1)){
			effacer();
			++i;
		}
	}
}

Merci