Harukawa: Auswahl einblenden nach Auswahl

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

  1. Ok, du hast uns jetzt unterhalten aber eine Frage hast du nicht gestellt. Wolltest du uns das nur mitteilen?

    1. Ok, du hast uns jetzt unterhalten aber eine Frage hast du nicht gestellt. Wolltest du uns das nur mitteilen?

      Ich habe meine Frage gestellt und sie wurde auch beantwortet.
      Also hör bitte auf so win Scheiß zu schreiben!

      LG
      Harukawa

      1. Mahlzeit Harukawa,

        Ich habe meine Frage gestellt und sie wurde auch beantwortet.

        Das ist nicht korrekt. Du hast *keine* Frage gestellt.

        Also hör bitte auf so win Scheiß zu schreiben!

        Fäkalsprache finde ich total Kacke - da geht die ganze Bildung in'n Arsch ...

        MfG,
        EKKi

        --
        sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
        1. Mahlzeit Harukawa,

          Ich habe meine Frage gestellt und sie wurde auch beantwortet.

          Das ist nicht korrekt. Du hast *keine* Frage gestellt.

          Also hör bitte auf so win Scheiß zu schreiben!

          Fäkalsprache finde ich total Kacke - da geht die ganze Bildung in'n Arsch ...

          MfG,
          EKKi

          Aja oô

          die Frage sollte sein, wie ich das hinbekome.

          Und zum Thema Fäkalsprache oô
          schau dir deinen Post an oô

          1. Mahlzeit HArukawa,

            FOTU ist nicht wirklich besser als TOFU und von nahezu niemandem hier gern gesehen.

            Und zum Thema Fäkalsprache oô
            schau dir deinen Post an oô

            ...

            MfG,
            EKKi

            --
            sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
  2. Hi,

    • der Doctype fehlt
    • beim script-Tag fehlt das notwendige type-Attribute, language hingegen ist unnötig (ich glaube sogar falsch, je nach Doctype?)
    • den kompletten JS-Code in HTML-Kommentare einzurahmen (<!-- und -->) ist unnötig, falls du keine Dinosauerier-Browser unterstützen musst.
    • das schließende form-Tag fehlt
    • der komplette Code der in den body sollte steht im head

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

    Und was ist dein Problem dabei?
    http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display:none/block sollte helfen, noch besser wäre es eine Klasse zu vergeben wenn es angezeigt wird und im CSS ensprechend display zu notieren.

    ~dave