Bonjour tout le monde,

J'ai 3 listes déroulantes liées.

Dès que je choisis un élément dans la 3e, les éléments de celle-ci disparaissent (la liste se vide).

Sauriez-vous me dire comment je peux résoudre ce problème svp ?

Voici mon code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<form>
	<select name="select_Nom_types" id="select_Nom_types" onchange='fnctcours(this.value)'>
		<option value="" selected="selected"><b>(3)</b> Choix d'un type</option>
	</select>
</form>
Voici la fonction 'fnctcours(this.value)' :

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 fnctcours(cours)
{
	var xhr2 = getXhr();
 
	xhr2.onreadystatechange = function()
	{
		if(xhr2.readyState == 4 && (xhr2.status == 200 || xhr2.status == 0 ) )
		{
			leselect2 = xhr2.responseText;
			alert(leselect2);
			document.getElementById('select_Nom_types').innerHTML = leselect2;
			//fnctcategories(document.getElementById('select_Nom_types').value);				
		}
	}
 
	xhr2.open("POST","Scripts/ajaxTypes.php",true);
 
	xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr2.send("MNEMONIC="+cours);	
}
Merci d'avance pour votre aide.

beegees