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 :q
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>
------------------
/nordan