Selects der bliver udfyldt med data fra arrays :p
Halløj...Jeg er ved at lave en større løsning, hvor der skal være mulighed for at kunne vælge en kategori i "select1" (som i forvejen er fyldt ud med data fra et array), hvorefter at "select2" skal blive udfyldt med data fra det underliggende array....
Select1 har jeg lavet, men jeg kan ikke få select2 til at virke overhovedet...
Jeg har lagt dataerne fra select2s løkke ind i en variabel og det eneste den returnerer er: "undefined,undefined, undefined"
Jeg har stirret mig blind på scriptet...
Så... Javascripts guder... kom med jeres visdomsord....
Link til scriptet: http://www.ilenkop.dk/exp/arrayswithselects/
Scriptet:
<html>
<head>
<title>Exp Array</title>
</head>
<style type="text/css">
.add_overskrift
{
font-family: verdana;
font-size: 8pt;
font-weight: bold;
color: #000000;
text-decoration: none;
}
.kasse
{
font-family: verdana;
font-size: 8pt;
font-weight: normal;
color: #000000;
text-decoration: none;
}
</style>
<script language="javascript">
arr = new Array();
arr[0] = 'Vælg';
arr[1] = 'For børn';
arr[1][0] = 'Flødebollekastning';
arr[1][1] = 'Godnatlæsning';
arr[1][2] = 'fgh';
arr[2] = 'For gamle mennesker';
arr[2][0] = 'Banko';
arr[3] = 'Noget Andet...';
arr[4] = 'test';
arr[4][0] = '234';
function lavKategorier()
{
var s1 = document.frmAdd.kate;
for(t = 0; arr.length > t; t++)
{
s1.options[s1.options.length] = new Option(arr[t], t);
}
}
function lavTyper(nr)
{
if(nr != 0)
{
var s2 = document.frmAdd.typer;
var minvar = "";
for(t = 0; arr[nr].length > t; t++)
{
minvar += arr[nr][t] + ",";
s2.options[s2.options.length] = new Option(arr[nr][t], t);
}
alert('Arr: ' + minvar);
}
}
</script>
<body onload="lavKategorier();">
<form name="frmAdd" action="" method="post" style="margin: 0px;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding-right: 5px;"><font class="add_overskrift">Kategori:</font></td></td>
<td>
<select name="kate" id="kate" class="kasse" style="width: 200px;" onchange="lavTyper(this.value);">
</select>
</td>
</tr>
<tr>
<td colspan="2" height="5"></td>
</tr>
<tr>
<td style="padding-right: 5px;"><font class="add_overskrift">Type:</font></td></td>
<td>
<select name="typer" id="typer" class="kasse" style="width: 200px;">
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
