annette: Auswahllisten aus Feld befüllen

Beitrag lesen

Hallo,
ich möcht Auswahllisten mit Werten aus einem Feld befüllen.
Leider funktioniert das ganze nicht. Die Zweite Auswahlliste wird nicht mit Daten befüllt. Kann mir da evtl. jemand weiter helfen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<script type="text/javascript">

var daten = new Array("Farbe","rot","Obst","Apfel","Gemüse","Salat","Farbe","blau","Obst","Banane","Obst",
"Birne","Farbe","grün","Gemüse","Kohl");

function kategorie_anzeigen()
{
  var kategorieAuswahl = document.forms.verzeichnis.kategorie;
  var unterpunkteAuswahl = document.forms.verzeichnis.unterpunkte;

/*
Feld durchlaufen und überprüfen wo,
der in der ersten Auswahlliste ausgewählet Wert im Array vorkommt.
den daruaffolgenden Wert als Option in die zeite Auswahlliste schreiben. */

var anz=0;
for (int i=0, i<daten.length, i++){
  if (kategorieAuswahl.value == daten[i].value ){
   unterpunkteAuswahl.options[anz] = new Option(daten[i+1].value, daten[i+1].value);
   anz++;
 }
}
</script>

</head>
<body>
<form name="verzeichnis">
<select size="1" name="kategorie" onchange="kategorie_anzeigen()">
<option value="Obst" selected>Obst</option>
<option value="Gemüse">Gemüse</option>
<option value="Farbe">Farbe</option>
</select>
<SELECT NAME="unterpunkte"  >
<option selected>Bitte wählen</option>
</select>
</form>
</body>
</html>

Wäre dankbar für ein paar hilfreicht Infos.
Gruß
annette