Datenschutzerklärung

Dynamische Select Dropdown-Menüs

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

Dynamische Select Dropdown-Menüs

  Beitrag schreiben
Autor
Beitrag Seiten: 1
conQuestion
Mitglied

Registriert: 07.03.2006
Beiträge: 1
Hallo Forum,

ich möchte ein Formular bauen, dass in mehreren Select-Inputs nacheinander
verschiedene Dinge abfragt, wobei sich das jeweils folgende Dropdown-Menü -
je nach Auswahl im vorangegangenen - mit unterschiedlichen Inhalten füllt.

Ein Beispiel:
Wähle ich im ersten Select "Politik",
stehen im zwieten Select "CDU", "SPD", etc. zur Auswahl.
Wähle ich aber im ersten Select "Länder",
stehen plötzlich "Belgien", "USA", etc. zur Auswahl in Select zwei.


Mein Skript sieht derzeit so aus:

function showSelect2() {
    var mySelect1 = document.schnellsuche.select1.selectedIndex;
    if (mySelect1 == 1001) {
        document.schnellsuche.select2.options[0].text = "CDU"; //Der dargestellte Text
        document.schnellsuche.select2.options[0].value = 2001; //Der Variablenwert (value="2001")
        document.schnellsuche.select2.options[1].text = "SPD";
        document.schnellsuche.select2.options[1].value = 2002;
    } else if (mySelect1 == 1002) {
        document.schnellsuche.select2.options[0].text = "Belgien";
        document.schnellsuche.select2.options[0].value = 2101;
        document.schnellsuche.select2.options[1].text = "USA";
        document.schnellsuche.select2.options[1].value = 2102;
    }
}

Und der HTML-Code sieht so aus:

<form id="schnellsuche" action="dynamik.html" method="get" name="schnellsuche">
<select name="select1" size="1" onchange="showSelect2();">
<option value="1">Bitte ausw&auml;hlen</option>
<option value="1001">Politik</option>
<option value="1002">L&auml;nder</option>
</select>
<br /><br />
<select name="select2" size="1"><option value="---">---</option></select>
<br /><br />
<input type="submit" value="abschicken">
</form>


Was mache ich falsch??


07.03.2006 10:16:53
  Zitieren
Validome
Administrator

Registriert: 04.04.2005
Beiträge: 313
Hallo,
der Fehler liegt in den if-Abfragen. In mySelect1 steht der Index des selektierten Feldes, nicht der Wert dieses.
Also if (mySelect1 == 1) ... else if (mySelect1 == 2) schreiben.

mfg
Thomas Mell


07.03.2006 20:45:13
  Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01