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