Trådstart#1
Hej!
Jag har gjort ett javascript där man kan välja alternativ och dessa laddas i en annan dropdown meny.
Detta funkar fin fint
Frågan är:
I Netscape så blir det inte en liknade lista som i IE eller som det brukar bli i Netscape när man hård kodar listan.
För det första så ser listorna ut att vara tomma när man laddar dom
Det andra är att det ser ut som en flervals meny med stolek 1 i Netscape när man fäller ner lista.
Finns det någon bra lösning på detta?
<html>
<head>
<script language="JavaScript" type="text/javascript">
var DjurArray = new Array();
function Kategori(){
var newKategori = new Array('Husdjur','Bonddjur','Vild djur','Jul');
var opt;
for(x = 0; x < newKategori.length; x++){
opt = new Option(newKategori[x], x);
document.DjurKat.DjurVal.options[x]= opt;
}
DjurArray[0] = new Array('Hund','Katt','Marsvin','Underlat','Pappegoja');
DjurArray[1] = new Array('Ko','Tjur','Häst','Gris','Höna');
DjurArray[2] = new Array('Lejon','Älg','Tiger','Haj','Val','Gädda');
DjurArray[3] = new Array('Tomte','Paket','Skinka');
}
function varden(){
var varde = document.DjurKat.DjurVal[document.DjurKat.DjurVal.selectedIndex].value;
document.DjurKat.nummer.value=varde;
for(x = 0; x < DjurArray[varde].length; x++){
opt = new Option(DjurArray[varde][x], x);
document.DjurKat.Djuren.options[x]= opt;
}
}
</script>
</head>
<body onLoad="Kategori();">
<form name="DjurKat" method="post">
<select name="DjurVal" onChange="varden();" width="200">
<option selected></option>
</select>
<input type="text" name="nummer" size=10>
<select name="Djuren" width="200">
<option></option>
</select>
</form>
</body>