Struppi: Dynamische Select Boxen und IE

Beitrag lesen

SELF-Forum

Dynamische Select Boxen und IE

Struppi Homepage des Autors
– Informationen zu den Bewertungsregeln

ich kenne mich mit JavaScript nur wenig aus und habe ein Script von Dr.Web erweitert.

Weil ich grad Zeit hatte:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"  
       "http://www.w3.org/TR/REC-html40/strict.dtd">  
<html><head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
  
<title>Dynamische Auswahlliste</title>  
  
<script type="text/javascript">  
function update_auswahl(form)  
{  
    var kategorieAuswahl = form.kategorie;  
    var unterkategorieAuswahl = form.unterkategorie;  
    var unterunterkategorieAuswahl = form.unterunterkategorie;  
    var wahl = kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value;  
    var def = 'Futter wählen';  
     var options =  
    {  
    Hund: [def, "HundeFutter", "Pedigree Pal"],  
    Katze: [def, "Kitekat", "Brekkies"],  
    Maus: [ def, "Mais", "Speck"]  
    };  
    setAuswahl(unterkategorieAuswahl, wahl, options, def);  
    if( options[wahl] )  
    unterunterkategorieAuswahl.options.length = 0; // DropDown Menü 2 entleeren  
}  
function update_auswahl_2(form)  
{  
 var unterkategorieAuswahl = form.unterkategorie;  
 var unterunterkategorieAuswahl = form.unterunterkategorie;  
  
 var wahl = unterkategorieAuswahl.options[unterkategorieAuswahl.selectedIndex].value;  
 var options =  
 {  
    HundeFutter: ["Hundelekker", "Schmakko"],  
    'Pedigree Pal': ["Pedi-Supi", "Ein ganzer Kerl"],  
    Brekkies: [ "Brekki-Supi", "Knusprig"],  
    Kitekat: [ "Katzischmatzi", "Kitti"],  
    Mais: ["Maisischmatzi", "Popcorn"],  
    Speck: ["Mausespeck", "Fett"]  
 };  
 setAuswahl(unterunterkategorieAuswahl, wahl, options);  
}  
function setAuswahl(feld, wahl, options, def)  
{  
    if(!options[wahl]) return;  
    if(!def) def = '';  
    feld.options.length = 0; // DropDown Menü entleeren  
    for(var i = 0; i < options[wahl].length; i++)  
    {  
       feld.options[i] =  
       new Option(options[wahl][i], options[wahl][i], false, (def == options[wahl][i]) );  
    }  
    if(!def) feld.selectedIndex = 0;  
}  
</script>  
</head>  
<body>  
  
<form name="verzeichnis" action="mailto:info@domain.de">  
  
 <select size="1" name="kategorie" onchange="update_auswahl(this.form)">  
  <option value="Hund" selected>Hund</option>  
  <option value="Katze">Katze</option>  
  <option value="Maus">Maus</option>  
 </select>  
  
 <select size="1" name="unterkategorie" onchange="update_auswahl_2(this.form)">  
  <option selected>bitte wählen</option>  
  <option>HundeFutter</option>  
  <option>Brekkies</option>  
  <option>MauseFutter</option>  
 </select>  
  
 <select size="1" name="unterunterkategorie">  
  <option selected></option>  
  <option>bellen</option>  
  <option>miauen</option>  
  <option>piiiepsen</option>  
 </select>  
 <input type="submit" value="Senden">  
  
</form>  
  
</body>  
</html>

Struppi.

--
Javascript ist toll
Beitrag melden
–
Informationen zu den Bewertungsregeln