Harukawa: Auswahl einblenden nach Auswahl

Beitrag lesen

Hallo,

ich habe ein paar Fragen.
Eigentlich nur eine.

Ich habe ein Formular angefertigt.
Das an sich auch super funktioniert.

Nun möchte ich aber noch eine
"dropdown" Auswahl einfügen.

Auswahl 1:

A1

A2

A3

Wenn man nun bei Auswahl 1 "A1" auswählt, dann
soll eine 2. Auswahl angezeigt werden wo man dann

B1

B2

B3

auswählen kann.

ABER !

Bevor man nciht A1/2/3 ausgewählt hat,
soll die 2. Auswahl nicht sichtbar sein!

  
<html>  
<head>  
<title>  
</title>  
<script language="Javascript">  
    <!-- Start  
    function update_auswahl()  
    {  
    var themaAuswahl = document.forms.formular.thema;  
    var genauerAuswahl = document.forms.formular.genauer;  
    genauerAuswahl.options.length = 0; // DropDown Menü entleeren  
  
if (themaAuswahl.options  
    [themaAuswahl.selectedIndex].  
    value == "Account")  
    {  
    genauerAuswahl.options[0] = new Option("E-Mail ändern");  
    genauerAuswahl.options[1] = new Option("Passwort vergessen");  
    }  
  
else if (themaAuswahl.options  
    [themaAuswahl.selectedIndex].  
    value == "Bug")  
    {  
    genauerAuswahl.options[0] = new Option("Graphik");  
    genauerAuswahl.options[1] = new Option("Item");  
    genauerAuswahl.options[2] = new Option("Sonstiges");  
    }  
else if (themaAuswahl.options  
    [themaAuswahl.selectedIndex].  
    value == "Problem")  
    {  
    genauerAuswahl.options[0] = new Option("Problem mit anderem Spieler");  
    genauerAuswahl.options[1] = new Option("Problem mit Clienten");  
    genauerAuswahl.options[2] = new Option("Problem mit Registration");  
    genauerAuswahl.options[3] = new Option("Problem mit Clienten");  
    }  
else if (themaAuswahl.options  
    [themaAuswahl.selectedIndex].  
    value == "Internet")  
    {  
    genauerAuswahl.options[0] = new Option("Internetzugang");  
    genauerAuswahl.options[1] = new Option("Webseiten erstellen");  
    }  
else if (themaAuswahl.options  
    [themaAuswahl.selectedIndex].  
    value == "Spenden")  
    {  
    genauerAuswahl.options[0] = new Option("Ich möchte Spenden");  
    genauerAuswahl.options[1] = new Option("Problem bei Spende");  
    genauerAuswahl.options[2] = new Option("Fragen zum Spenden");  
    }  
else if (themaAuswahl.options  
    [themaAuswahl.selectedIndex].  
    value == "auswählen")  
    {  
    genauerAuswahl.options[0] = new Option("= Genauer =");  
    }  
    }  
    // Ende -->  
    </script>  
<form name="formular" action="/formular.pl" method="post" onsubmit="return chkFormular()">  
<pre>  
Benutzername:  
<input type="text" value="Dein Ingame Account-ID.." onFocus="this.value=='Dein Ingame Account-ID..'?this.value='':''" onBlur="this.value==''?this.value='Dein Ingame Account-ID..':''" size="40" name="User">  
<br>  
Passwort:  
<input type="text" value="Dein Ingame Passwort.." onFocus="this.value=='Dein Ingame Passwort..'?this.value='':''" onBlur="this.value==''?this.value='Dein Ingame Passwort..':''" size="40" name="PW">  
<br>  
E-Mail:  
<input type="text" value="Deine E-Mail-Adresse zum Antworten.." onFocus="this.value=='Deine E-Mail-Adresse zum Antworten..'?this.value='':''" onBlur="this.value==''?this.value='Deine E-Mail-Adresse zum Antworten..':''" size="40" name="Mail">  
<br>  
Text:  
<textarea name="Inhalt"  cols="32" rows="3">  
</textarea>  
<br>  
<select size="1" name="thema" onchange="update_auswahl()">  
    <option value="auswählen" selected>= Thema wählen =</option>  
    <option value="Account">Account</option>  
    <option value="Bug">Bug melden</option>  
    <option value="Problem">allg. Problem</option>  
    <option value="Spenden">Spenden</option>  
    </select> <select size="1" name="genauer">  
    <option selected>= Genauer =</option>  
    </select>  
  
<input type="submit" value="Ticket senden!">  
</pre>  
</head>  
</html>  

LG
Harukawa