Dynamische Auswahlfelder (SELECT onchange)

semtex · *Geändert von semtex (18.02.10 um 22:31 Uhr).*

Jeder kennt dynamische Auswahlfelder aus Formularen, die Daten sind aber meistens wie im unteren Beispiel fest im Quellcode enthalten :

Code:

 
<SELECT name="Stadt"> 
<OPTION value="Berlin">Berlin</OPTION> 
<OPTION value="Hamburg">Hamburg</OPTION> 
<OPTION value="Münschen">München</OPTION>
.
.
.
</SELECT>

In der kleinen Funktion werden die Daten aus einer externen Datei oder Datenbank in die Selectfelder geladen.
Das besondere ist, das die Daten des zweiten Selectfeldes in Abhängigkeit des ersten Feldes geladen werden.
Nach der Auswahl des Landes, werden erst die dazugehörenden Bundesländer reingeladen.
Der Vorteil liegt dabei auf der Hand, da die Daten jederzeit dynamisch geändert werden können.

Hier mal eine kleine Demo zu Ansicht :
http://www.scriptfarm.de/extern/4/

Download :
http://www.scriptfarm.de/extern/4/dyn_dropdown.zip

Wer Probleme mit der kleinen Funktion hat, kann mich gerne Fragen !

Spiel spass damit..

Adelo

Hallo,
ich habe mal eine Frage zu diesem Script, ich suche sowas um ein Formular aufzubauen.
Ich möchte allerdings, das diese Auswahlfelder von einander abhängig sind.
Wenn ich das erste Feld auswähle, soll erst dann das zweite erscheinen.
Ich hoffe ich habe mich verständlich ausgedrückt.

Gruß Adelo

semtex

Du meinst diese Art von verketteten Auswahlfeldern ?
Beispiel 1

Sowas bekommste mit CSS ganz gut hin, sowas hier in der Art .

anzeigen :

Code:

document.getElementById("irgendwas").style.display = 'inline';

verstecken :

Code:

document.getElementById("irgendwas").style.display = 'none';

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln


semtex Admin of Scriptfarm Registriert seit: Sep 2008 Wohnort: Berlin Beiträge: 76 Danke: 1 Erhielt 9 Danke in 8 Postings. Blog Einträge: 9 Renommee-Modifikator: 10	Dynamische Auswahlfelder (SELECT onchange) Jeder kennt dynamische Auswahlfelder aus Formularen, die Daten sind aber meistens wie im unteren Beispiel fest im Quellcode enthalten : Code: <SELECT name="Stadt"> <OPTION value="Berlin">Berlin</OPTION> <OPTION value="Hamburg">Hamburg</OPTION> <OPTION value="Münschen">München</OPTION> . . . </SELECT> In der kleinen Funktion werden die Daten aus einer externen Datei oder Datenbank in die Selectfelder geladen. Das besondere ist, das die Daten des zweiten Selectfeldes in Abhängigkeit des ersten Feldes geladen werden. Nach der Auswahl des Landes, werden erst die dazugehörenden Bundesländer reingeladen. Der Vorteil liegt dabei auf der Hand, da die Daten jederzeit dynamisch geändert werden können. Hier mal eine kleine Demo zu Ansicht : http://www.scriptfarm.de/extern/4/ Download : http://www.scriptfarm.de/extern/4/dyn_dropdown.zip Wer Probleme mit der kleinen Funktion hat, kann mich gerne Fragen ! Spiel spass damit.. __________________________________ Wer fragt, ist ein Narr für 5 Minuten. Wer nicht fragt, ist ein Narr sein Leben lang. don´t debug a vax.. Geändert von semtex (18.02.10 um 22:31 Uhr).


Adelo Internetcafe User Registriert seit: Feb 2010 Beiträge: 8 Danke: 1 Erhielt 2 Danke in 2 Postings. Renommee-Modifikator: 0	Hallo, ich habe mal eine Frage zu diesem Script, ich suche sowas um ein Formular aufzubauen. Ich möchte allerdings, das diese Auswahlfelder von einander abhängig sind. Wenn ich das erste Feld auswähle, soll erst dann das zweite erscheinen. Ich hoffe ich habe mich verständlich ausgedrückt. Gruß Adelo

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)