Discussion :

[jeb001]

Salut,

J'ai un formulaire à mettre à jour dynamiquement.
Ce formulaire est composé de 3 select. Le premier select determine les données du selectnumero2.
Ensuite, la combinaison des valeurs des select 1 et select 2 doivent generer un 3eme select...
je sais pas si je suis tres clair...

J'ai donc, séquentiellement, fais les appels à :

-methode 1 qui genere le select 2
puis,
-methode 2 qui genre le select 3.

PB : quand j'appele la methode 2, le select 2 n'existe pas encore.. comment faire en sorte 'd'attendre' la fin d'execution de ma premiere methode ?

merci

[kangaxx]

Tu ne peux pas appeler la 2eme méthode a la fin de la mise en place de la premiere tout simplement ?

[jeb001]

bin c'est ce que je fais.. mais la valeur du select 2 est à 'undefined'..

[kangaxx]

Hum bizarre, tu peux mettre les bouts de code concernés ?

[jeb001]

hahum, alors voila le code javascript.. l' evenement onChange du 1er select appele la methode updateEchelon.

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
39
40
41
42
43
44
 
	function updateEchelon(e)	{
		ajaxCallRemotePage('AjaxUpdateEchelon.do?grade='+e,'echelon');
	}
 
// Methode d'appel a une page en XmlHttpRequest
	function ajaxCallRemotePage(url, method){
		if (window.XMLHttpRequest)
		{
			// Non-IE browsers
			req = new XMLHttpRequest();			
			if (method == 'echelon') {
				req.onreadystatechange = processStateChangeEchelon;
			} else if (method == 'indice'){
				alert ('update indice');
				req.onreadystatechange = processStateChangeIndice;
			}else {
				alert ('unknown method'+method);
			}			
			req.open("GET", url, true);
			req.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
			req.send(null);
		}
		else if (window.ActiveXObject)
		{
			// IE
			req = new ActiveXObject("Microsoft.XMLHTTP");
			if (method == 'echelon') {
				req.onreadystatechange = processStateChangeEchelon;
			} else if (method == 'indice'){
				alert ('update indice');
				req.onreadystatechange = processStateChangeIndice;
			}else {
				alert ('unknown method'+method);
			}
			req.open("GET", url, true);
			req.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
			req.send();			
		}
		else {
			alert ('Abandon, impossible de créer une instance XMLHTTP');
			return; // Navigateur non compatible
		}
	}

voici à présent le script executé pour charger le 2eme select :

Code :

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

1
2
3
4
5
6
7
8
 
	function processStateChangeEchelon(){
		var echelons = document.getElementById('idEchelon') ;
		//alert ('echelon liste : ' +req.responseText);	 			
		echelons.innerHTML = req.responseText;  
		alert ('coucou echelon '+echelons.selectedIndex);
		  updateIndice(document.getElementById('idGrade'),echelons.options[0]);    
	}

la methode updateIndice, appelé juste apres la construction de mon select, qui permet de generer le 3eme select me dit que echelons est 'undefined'... :-(