Berty: Verlinkung durch mehrere Auswahllisten

Beitrag lesen

<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>