Johannes: Select - Felder dynamisch erzeugen

SELF-Forum

Select - Felder dynamisch erzeugen

Johannes
– Informationen zu den Bewertungsregeln

Ich möchte zwei Auswahlfelder in die Seite einbauen, wobei
das zweite vom ersten "abhängig" ist.
Also z.B.
<p><form name="textsearch"  method="post" ><select name="country" size="1" onChange="javascript:regions()">
<option>-----------</option>
<option value="de">Deutschland</option>
<option value="ch">Schweiz</option>
<option value="at">&Ouml;sterreich</option>
</select><br><br>
<script language="javascript">
function regions(){
var areas_d = new Array();
areas_d["de1"]="Baden-Württemberg";
areas_d["de2"]="Bayern";
areas_d["de3"]="Berlin";
areas_d["de4"]="Brandenburg";
areas_d["de5"]="Bremen";
areas_d["de6"]="Hamburg";
areas_d["de7"]="Hessen";
areas_d["de8"]="Mecklenburg-Vorp.";
areas_d["de9"]="Niedersachsen";   areas_d["de10"]="Nordrhein-Westfalen";
areas_d["de11"]="Rheinland-Pfalz";
areas_d["de12"]="Saarland";
areas_d["de13"]="Sachsen";
areas_d["de14"]="Sachsen-Anhalt";
areas_d["de15"]="Schlewig-Holstein";
areas_d["de16"]="Thüringen";
if (window.document.textsearch.country.value=="de"){
    this.document.write("select name='bundeslaender'.....");
this.document.write("<option...value=areas_d[1...]>aereas["de1"]

// Hier soll das 2. Auswahlfeld generiert werden.
// Die Select-Strings aus Values sollen über eine
// Schleife aus dem Array erzeugt werden.
// Syntax entsprechend.

}

}
  </script>

Wählt jemand "Deutschland" aus, sollen im zweiten Auswahlfeld
die Bundesländer generiert werden, ist das mit Javascript möglich? Mit php kein Problem, dann läuft das Skript aber jedesmal über den Server. Ich will, dass die Seite beim Client neu aufgebaut wird, ohne jedesmal über den Server zu gehen.

Danke für brauchbare Antworten.

Johannes

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Select - Felder dynamisch erzeugen

    Penfold
    – Informationen zu den Bewertungsregeln

    Hallo!

    if (window.document.textsearch.country.value=="de"){
        this.document.write("select name='bundeslaender'.....");
    this.document.write("<option...value=areas_d[1...]>aereas["de1"]

    So geht's leider nicht: einfach neuen Quelltext in das Dokument zu schreiben funtkioniert nicht.

    Das 2te Auswahlfeld muss bereits angelegt sein, dann kann man dynaisch die Optionsliste erweitern.
    Mehr darüber: http://selfhtml.teamone.de/javascript/objekte/options.htm

    Ein Beispiel wie das in etwa auszusehen hat ist in diesem Thread zu finden:
    http://forum.de.selfhtml.org/archiv/2002/9/22684/#m125956

    mfg,
    Pen

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln