<script language="Javascript">
function update_auswahl()
{
var kategorieAuswahl = document.forms.verzeichnis.kategorie;
var unterkategorieAuswahl = document.forms.verzeichnis.unterkategorie;
unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren
if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "Kategorie 1")
{
unterkategorieAuswahl.options[0] = new Option("Block P2");
unterkategorieAuswahl.options[1] = new Option("Block O2");
unterkategorieAuswahl.options[2] = new Option("Block O3");
}
else if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "Kategorie 2")
{
unterkategorieAuswahl.options[0] = new Option("Block B");
unterkategorieAuswahl.options[1] = new Option("Block C");
unterkategorieAuswahl.options[2] = new Option("Block D");
}
}
function update_auswahl2()
{
var kategorieAuswahl = document.forms.verzeichnis.kategorie;
var unterkategorieAuswahl = document.forms.verzeichnis.unterkategorie;
var unterunterkategorieAuswahl = document.forms.verzeichnis.unterunterkategorie;
unterunterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren
if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "Kategorie 1" &&
unterkategorieAuswahl.options[unterkategorieAuswahl.selectedIndex].value =="Block P2")
{
unterunterkategorieAuswahl.options[0] = new Option("Reihe 12");
}
else if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "Kategorie 1" &&
unterkategorieAuswahl.options[unterkategorieAuswahl.selectedIndex].value =="Block P2")
{
unterunterkategorieAuswahl.options[0] = new Option("Reihe 12");
}
}
function update_auswahl3()
{
var kategorieAuswahl = document.forms.verzeichnis.kategorie;
var unterkategorieAuswahl = document.forms.verzeichnis.unterkategorie;
var unterunterkategorieAuswahl = document.forms.verzeichnis.unterunterkategorie;
var unterunterunterkategorieAuswahl = document.forms.verzeichnis.unterunterunterkategorie;
unterunterunterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren
if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "Kategorie 1" &&
unterkategorieAuswahl.options[unterkategorieAuswahl.selectedIndex].value == "Block P2" &&
unterunterkategorieAuswahl.options[unterunterkategorieAuswahl.selectedIndex].value == "Reihe 12")
{
unterunterunterkategorieAuswahl.options[0] = new Option("Platz 1");
unterunterunterkategorieAuswahl.options[1] = new Option("Platz 2");
}
else if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "Kategorie 1" &&
unterkategorieAuswahl.options[unterkategorieAuswahl.selectedIndex].value == "Block P2" &&
unterunterkategorieAuswahl.options[unterunterkategorieAuswahl.selectedIndex].value == "Reihe 13")
{
unterunterunterkategorieAuswahl.options[0] = new Option("Platz 1");
unterunterunterkategorieAuswahl.options[1] = new Option("Platz 2");
}
}
function setKategorie()
{
alert(document.getElementById("kategorie").value + document.getElementById("unterunterkategorie").value) ; // -> Liefer Wert
}
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<form name="verzeichnis">
<select size="1" name="kategorie" id="kategorie" onclick="update_auswahl()">
<option value="Kategorie 1">Kategorie 1</option>
<option value="Kategorie 2">Kategorie 2</option>
<option value="Kategorie 3">Kategorie 3</option>
<option value="Kategorie 4">Kategorie 4</option>
</select>
<select size="1" name="unterkategorie" id="unterkategorie" onclick="update_auswahl2()">
<option value="Block P2">Block P2</option>
<option value="Block O2">Block O2</option>
<option value="Block O3">Block O3</option>
</select>
<select size="1" name="unterunterkategorie" id="unterunterkategorie" onclick="update_auswahl3()">
<option value="Reihe 12">Reihe 12</option>
<option value="Reihe 13">Reihe 13</option>
</select>
<select size="1" name="unterunterunterkategorie" id="unterunterunterkategorie" onchange="setKategorie()">
<option value="Platz 1">Platz 1</option>
<option value="Platz 2">Platz 2</option>
</select>
</form>
</body>
</html>