[debutant]liste select dynamique..pb ie, firefox

Version imprimable

Salut à tous,

je débute dans l'écriture javascript...
j'ai écrit ces quelques lignes pour créer un classique champ select qui s'affiche en fonction d'un 1er...
cela fonctionne très bien dans firefox mais dans ie mon 2ème champ est vide !
voilà le code js:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script language="JavaScript">
// tableau prénom
prenom = new Array();
prenom[1] = "Ludo";
prenom[2] = "Ethel";
// tableau famille
famille = new Array();
famille[0] = new Array("famille");
famille[1] = new Array("Max","Aurel","Jojo");
famille[2] = new Array("Adrien","Antoine");
 
function AffFamil() {
	choix = document.getElementById("nom").value;
	t= "";
	for(i=0;i<famille[choix].length;i++) {
		t+="<option value='"+famille[choix][i]+"'>"+famille[choix][i]+"</option>";
	}
	document.getElementById("famille").innerHTML=t;
}
</script>

et le html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<form name="form1" method="post" action="chap-14.html">
 <select id="nom" onchange="AffFamil();">
	<option value="0">- - - - -</option>
	<option value="1"> Ludo</option>
	<option value="2"> Ethel</option>
 </select>
 <select id="famille" name="famille">
 	<option value="0">famille</option>
 </select>
 <br />
 <input type="submit" name="envoi" value="Envoi" /><br />
</form>

merci pour votre aide...

Salut...

essaye... .. .

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
52
 
<script type="text/JavaScript">
 
function getElement(id) 
{
	var Elem;
 
	if(document.getElementById) 
	{
		if (typeof document.getElementById(id) == "object") 
			Elem = document.getElementById(id);
				else 
					Elem = void(0);
	} 
	else if(document.all) 
	{
		if (typeof document.all[id] == "object") 
			Elem = document.all[id];
				else 
					Elem = void(0);
	} 
	else if(document.layers) 
	{
		if (typeof document[id] == "object") 
			Elem = document[id];
				else 
					Elem = void(0);
	}
	else Elem = void(0);
 
	return Elem;
}
 
// tableau prénom
prenom = new Array();
prenom[1] = "Ludo";
prenom[2] = "Ethel";
// tableau famille
famille = new Array();
famille[0] = new Array("famille");
famille[1] = new Array("Max","Aurel","Jojo");
famille[2] = new Array("Adrien","Antoine");
 
function AffFamil() {
	choix = getElement("nom").value;
	t= "";
	for(i=0;i<famille[choix].length;i++) {
		t+="<option value='"+famille[choix][i]+"'>"+famille[choix][i]+"</option>";
	}
	getElement("famille").innerHTML=t;
}
</script>

@ tchaOo°

04/06/2006, 01h27
ludophil

ayé !

c'est juste que IE n'accepte le innerHTML que pour les balises <div>

donc il fallait que mon select soit dans un div.

merci
04/06/2006, 01h31
gorgonite

Citation:

Envoyé par ludophil

ayé !

c'est juste que IE n'accepte le innerHTML que pour les balises <div>

donc il fallait que mon select soit dans un div.

merci

le jour où crimosoft$ respectera les standards...