[JavaScript] Event Handler in form select - Syntax?

29.03.2006, 15:23

Hallo zusammen,

habe ein Formular, das u.a. aus zwei Drop-Down-Menüs (select) besteht, wobei man zuerst eine Auswahl in dem ersten select machen soll und daraufhin (also nach der Auswahl) automatisch das zweite select dynamisch generiert werden.

Bin schon auf die Idee gekommen bei dem ersten select einen JS-eventhandler einzubauen "onChange do *zweites select generieren*". Aber leider weiss ich jetzt nicht weiter.

Wie muss ich den onChange eventhandler aufbauen, damit erst NACH der Auswahl in dem ersten select das zweite select generiert wird?

Vielen Dank und Gruß,
winfo

Zergling-new · 29.03.2006, 15:27

onChange wird doch ausgeführt, nach dem ein anderes Option-Feld ausgewählt wurde.
Im onChange Attribut kannst du dann als Wert eine JavaScript-Funktion aufrufen lassen, die dir das 2. <select> anzeigt oder generiert.

29.03.2006, 15:34

Zitat:

Im onChange Attribut kannst du dann als Wert eine JavaScript-Funktion aufrufen lassen, die dir das 2. <select> anzeigt oder generiert.

Gut, danke. Aber wo bringe ich den Code für das 2. <select> inkl. SQL-Abfrage unter, damit dieses Element quasi "gekapselt" ist vom Rest und erst durch Aufruf der entsprechenden Funktion (vom event handler) angezeigt wird?

Zergling-new · 29.03.2006, 16:02

1. du lädst die Seite einfach neu, sobald eine Auswahl im 1. <select> ausgeführt wird
2. du verwendest AJAX und sendest damit den Request. Wenn du damit noch nichts gemacht hast, mach dich schlau über Google, denn das wird dir jetzt keiner fix coden wollen
3. du musst das 2. <select> Feld bereits generieren, beovr du eine Auswahl getroffen hast (wenn das nicht geht, weil das 2. <select> von der Eingabe des 1. <select>s abhängt, bleiben dir nur die Möglichkeiten 1 & 2.

29.03.2006, 16:26

Hi Zergling,

Zitat:

1. du lädst die Seite einfach neu, sobald eine Auswahl im 1. <select> ausgeführt wird

Also das klingt sehr gut und auch recht easy. Die Idee gefällt mir gut. Die Seite wird auch jetzt schon per JS neu geladen, aber wie übergebe ich an die "reloadete" Seite eine PHP-Variable aus der "vorherigen" Seite?

Vielen Dank und Gruß,
winfo

Zergling-new · 29.03.2006, 16:47

<select onChange="this.form.submit()">

Dadurch wird das Formular versendet. Dein PHP muss jetzt selbst erkennen, ob das Formular komplett ist oder ob bisher nur das 1. <select>-Feld ausgefüllt wurde.

Das geht natürlich einfach, in dem du prüfst ob für das 2. <select> Werte übergeben wurden (isset($_POST['zweitesSelectFeld']). Wenn nicht, muss dein Script jetzt das alte Formular mit den bisher ausgefüllten Daten füllen und das 2. <select>-Feld generieren.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Kein Ergebnis bei SELECT (MySQL 4.1.9)	dr.e.	Datenbanken	4	15.06.2008 19:54
Event Händler?	Taku	Scriptbörse	5	08.06.2008 18:34
[Erledigt] Daten aus einer Tabelle mit Form Select weiter geben	ch4in	PHP Tipps 2008	12	06.06.2008 21:42
INSERT syntax - gibt es die möglichkeit VALUES und SELECT zu	PermanetMarker	Datenbanken	8	06.07.2006 12:48
Anfängerfrage SELECT Syntax		PHP Tipps 2005	4	23.02.2005 14:45
[Erledigt] Select &amp;amp; Update Syntax Problem!		Datenbanken	3	14.12.2004 18:17
[Erledigt] 2 mal select 1 form		PHP-Fortgeschrittene	1	01.09.2004 20:13
Event Handler / offsetX,Y in Netscape ?		HTML, Usability und Barrierefreiheit	2	01.09.2004 02:50

29.03.2006, 15:23
winfo_cologne Gast Beiträge: n/a	[JavaScript] Event Handler in form select - Syntax? Hallo zusammen, habe ein Formular, das u.a. aus zwei Drop-Down-Menüs (select) besteht, wobei man zuerst eine Auswahl in dem ersten select machen soll und daraufhin (also nach der Auswahl) automatisch das zweite select dynamisch generiert werden. Bin schon auf die Idee gekommen bei dem ersten select einen JS-eventhandler einzubauen "onChange do zweites select generieren". Aber leider weiss ich jetzt nicht weiter. Wie muss ich den onChange eventhandler aufbauen, damit erst NACH der Auswahl in dem ersten select das zweite select generiert wird? Vielen Dank und Gruß, winfo


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

29.03.2006, 15:27
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	onChange wird doch ausgeführt, nach dem ein anderes Option-Feld ausgewählt wurde. Im onChange Attribut kannst du dann als Wert eine JavaScript-Funktion aufrufen lassen, die dir das 2. <select> anzeigt oder generiert.

29.03.2006, 16:02
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	1. du lädst die Seite einfach neu, sobald eine Auswahl im 1. <select> ausgeführt wird 2. du verwendest AJAX und sendest damit den Request. Wenn du damit noch nichts gemacht hast, mach dich schlau über Google, denn das wird dir jetzt keiner fix coden wollen 3. du musst das 2. <select> Feld bereits generieren, beovr du eine Auswahl getroffen hast (wenn das nicht geht, weil das 2. <select> von der Eingabe des 1. <select>s abhängt, bleiben dir nur die Möglichkeiten 1 & 2.

29.03.2006, 16:47
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	<select onChange="this.form.submit()"> Dadurch wird das Formular versendet. Dein PHP muss jetzt selbst erkennen, ob das Formular komplett ist oder ob bisher nur das 1. <select>-Feld ausgefüllt wurde. Das geht natürlich einfach, in dem du prüfst ob für das 2. <select> Werte übergeben wurden (isset($_POST['zweitesSelectFeld']). Wenn nicht, muss dein Script jetzt das alte Formular mit den bisher ausgefüllten Daten füllen und das 2. <select>-Feld generieren.