Jag tänkte använda följande kod för att ändra vad som ska visas i en selectmeny beroende på vad man valt i den första selectmenyn. Problemet är att jag vill sätta värden(value) på select2 som inte är det samma som det som skrivs ut i selecten, typ <option value="22">Produkt1</option>. Jag är ingen klippa på javascript så jag skulle behöva hjälp med hur man kan gör detta.
<script type="text/javascript">
underkategorier = Array(
Array("underkategori_1_1", "underkategori_1_2", "underkategori_1_3"),
Array("underkategori_2_1", "underkategori_2_2")
);
function setUnderkategorier()
{
var f = document.forms["form1"];
f.select2.options.length = 0;
var c = underkategorier[f.select1.value];
for(var i=0; i<c.length; i++) {
f.select2.options[i] = new Option(c[i], i);
}
}
</script>
<body onload="setUnderkategorier()">
<form action="kategorier.asp?submit=ok" method="post" name="form1">
<select name="select1" onchange="setUnderkategorier()">
<option value="0">Kategori1</option>
<option value="1">Kategori2</option>
</select>
<select name="select2">
</select>
<input type="submit">
</form>
</body>