evenement onload sur 2 liste liées a une base de données

**dirty_harry** · 22/06/2009, 10h38

Bonjour a tous,
J'ai crée deux listes déroulantes reliées a des base de donées, la deuxième dépendante de la première, j'ai d'abord utilisé l'évènement onchange pour que la seconde liste s'actualise lorsque l'on modifie le choix dans la première mais en faite je voudrais aussi éxecuter la fonction lors du chargement de la page pour éviter a l'utilisateur d'avoir a tout ressaisir, le problème c'est que mon événement onload ne marche pas: rien ne ce passe. quelqu'un aurait-il une idée pour que la liste numéro 2 prennent se remplisse dès le chargement en fonction de la valeur par defaut de la première liste.
voici mon code source:

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
 
<script type='text/javascript'>
 
function getXhr(){
    var xhr = null; 
	if(window.XMLHttpRequest) // Firefox et autres
    xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
	try {
	xhr = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
	xhr = new ActiveXObject("Microsoft.XMLHTTP");
	}
	}
	else { // XMLHttpRequest non supporté par le navigateur 
	alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	xhr = false; 
	} 
    return xhr;
}
function go(){
	var xhr = getXhr();
	xhr.onreadystatechange = function()
	{
		if(xhr.readyState == 4 && xhr.status == 200)
		{
			leselect = xhr.responseText;
			document.getElementById('techno').innerHTML = leselect;
		}
	}	
	xhr.open("POST","ajaxTechno.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	sel = document.getElementById('secteur');
	secteur = sel.options[sel.selectedIndex].value;
	xhr.send("secteur="+secteur);
	}
</script>

Les fonctions JavaScripts

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
<label>Secteur</label>
<select name='secteur' id='secteur' onload='go()' >
	<option value='-1'>Aucun</option>
	<?php
        $res = mysql_query("SELECT * FROM secteur ORDER BY NOMSECTEUR");
        while($row = mysql_fetch_assoc($res))
        {
                if((isset($_SESSION['secteur']) and $_SESSION['secteur']==$row["NUMSECTEUR"]))
                {
                        echo "<option value='".$row["NUMSECTEUR"]."' selected='selected'>".$row["NOMSECTEUR"]."</option>";
                }
                $form='secteur';
                $selection=choixParDefaut($row["NUMSECTEUR"], $form);
                echo "<option value='".$row["NUMSECTEUR"]."' >".$row["NOMSECTEUR"]."</option>";
        }
?>
</select>

La premiere 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
21
22
23
24
<?php
	session_start();
	echo "<select name='techno'>";
	if(isset($_POST["secteur"])){
		mysql_connect("localhost","root","");
		mysql_select_db("maquette_refcost");
		$res = mysql_query("SELECT NUMTECHNO, NOMTECHNO FROM techno 
			WHERE NUMSECTEUR=".$_POST["secteur"]." ORDER BY NOMTECHNO");
		while($row = mysql_fetch_assoc($res))
		{
			if(isset($_SESSION['techno'])and $_SESSION['techno']==$row["NOMTECHNO"])
			{
				echo "<option value='".$row["NUMTECHNO"]."'selected='selected'>".$row["NOMTECHNO"]."</option>";
			}
			else
			{
				echo "<option value='".$row["NUMTECHNO"]."'>".$row["NOMTECHNO"]."</option>";
			}
		}
	}
	echo "</select>";
?>
</body>
</html>

La deuxieme liste

Merci d'avance pour vos proposition.

**le_chomeur** · 22/06/2009, 10h44

tu dois en premier lieu affecter une valeur à ta première liste ( donc cela se fera via php je présume ) ou au load de la page en javascript puis appeler ta méthode ajax :

Code :

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