dynmaisches Formular für mehrere Einträge mit voneinander abhängigen Selectboxen

  • Themenstarter Themenstarter Gardinero
  • Beginndatum Beginndatum
G

Gardinero

Hallo Leute,

vorab:
Ich bin auf dem Gebiet Javascript und AJAX noch absoluter Anfänger, was ich aber auch gern schnell ändern möchte.

Für ein kleines privates Projekt bin ich schon seit längerer Zeit auf der Suche nach einer Möglichkeit ein dynamisches Formular zu erstellen.

Es geht konkret um Folgendes:

Um z.B. die Ereignisse eines Fussballspiels zu dokumentieren, möchte ich ein Formular zur Ereigniseingabe basteln.

Z.B. soll es drei verschiedene Ereignisarten geben:

- Tor
- Karte
- Auswechslung

Diese sollen über ein Dropdownfeld ausgewählt werden. Sobald man seine Auswahl getroffen hat, soll über ein weiteres Dropdownfeld die entsprechende Unterkategorie gewählt werden.

Beispiel:

- Tor -> Elfmeter / Freistoss / Eigentor / ...
- Karte -> gelb / gelb-rot / rot
- ...

Zusätzlich gibt es noch ein Dropdownfeld für den entsprechenden Spieler und ein Eingabefeld für die Spielminute.

Bis hierhin bin ich, wenn auch eher durch die Hilfe von diversen Forenbeiträgen, bereits gekommen.

Am Ende des Formularblocks soll es nun aber noch einen Button geben, um ein weiteres Ereignis einzutragen, womit sich die ganze Sache wiederholt.

Unter

http://www.tippzeit.de/test/test99.php

habe ich mal ein Script hochgeladen, was schon recht nah meinen Bedarf deckt, doch sobald ich auf "weiteren angeben" klicke und im "Klon" eine andere Gruppe auswähle, wirkt sich dies auf den "Elternknoten" aus, nicht aber auf den "Klon".

Ich sage gleich, das Script ist nicht von mir, ich habe es lediglich geringfügig angepasst.
Das Original befindet sich hier.



Prinzipiell geht es mir eher darum an das beschriebene Ziel zu kommen, dabei muss jetzt nicht unbedingt dieses Script funktionieren.

Vielleicht kann mir ja jemand sagen, mit welchen Mitteln ich ein solches Formular erstellen kann und wo ich ggf. ein entsprechendes Tutorial zum Lernen finden kann.
 
Auf jeden Fall braucht man JavaScript. Zu JS gibt es tausende Tutorial im Internet, die Website SelfHTML ist aber auch ziemlich gut.

Um sowas zu machen, muss man das DOM (=Document Object Model) verändern, damit du neue HTML-Elemente hinzufügen kannst.

Aber ich verstehe nicht richtig jetzt dein Anliegen.

// Übrigens hat deine Seite 14 Fehler und 2 Warnungen beim W3C-Validator ausgelöst: http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0
 
Hi,

erstmal danke für die Antwort.

Klar gibt es tausende Tutorials zu Javascript im Netz. Davon habe ich mir auch schon ein paar angeguckt.

Mir ist eigentlich hier konkret wichtig, ob für die beschriebene Anwendung (Erfassen von Toren, Karten, Auswechslungen über ein Formular) der gewählte Ansatz der Richtige ist und ob es ggf. noch andere Methoden gibt ein solches Formular zu erstellen.

Vielleicht kennt ja jemand ein Tutorial, welches sich ungefähr genau mit diesem Sachverhalt beschäftigt. Also quasi ein kaskadierendes Formular mit voneinander abhängigen Selectboxen.

Gruß
Gardinero
 
Hallo,

kann mir keiner helfen?

Es muss ja icht unbedingt dieser Code sein.

Wenn mir jemand sagen könnte, wo ich Hilfe dazu finden kann, würde mir das auch schon weiterhelfen.

Danke.

Gruß
Gardinero
 
Zurück