[taste of ink]

Ich baue gerade ein Formular und stoße auf eine Funktionalität
die ich brauche, aber nicht kenne
Ich möchte in einem Dropdown-Feld bestimmte Kategorien vor-
geben aus denen ausgewählt werden kann. Wenn aber keines der
Vorgaben Kategorien zutreffend ist, muss es die Möglichkeit geben
eine Neue Kategorie anzulegen. Gibt es die Möglichkeit direkt ins
Dropdown zu schreiben? Ich denke nicht.

Kennt jemand die Möglichkeit mit Javascript ein Eingabefeld auf-
tauchen zu lassen, wenn ich in den Dropdown den Wert "Neue
Kategorie" auswähle? Wäre nämlich schön wenn die Seite nicht
neu laden muss. Wegen de Fehlerkorrektur beim absenden.

Danke schonmal...

[svensen]

du kannst ja einfach als zusatzoption den punkt "Kategorie nicht dabei?" oder ähnlich anfügen.
Wenn der User das auswählt lässt du einfach einen div Container unter dem pulldown ausklappen,
der ein textfeld und nen kurzen Text zur Erklärung enthält.

Ansatz:

- den js Aufruf via Pulldown steuerst du über den event handler "onChange"
- der div container mit textfeld und erklärung ist standardmässig: visible: none
- bei Auswahl der "Kategorie nicht dabei" option setzt du visible auf "block"

das sollte zweckmässig sein.

[taste of ink]

Danke. so hab ich mir das auch gedacht, leider kenn ich mich mit Java-Script nicht so gut aus.
werde mal versuchen das so umzusetzen....

[taste of ink]

Also ich hab jetzt nen div erstellt und über style="visibility:hidden;" unsichtbar gesetzt.
Wie ersetze ich jetzt das "hidden" durch "block"? Oder müsste es nicht "visible" statt "block"
heißen?
<select name="kategorie" onChange="???">
Kann mir jemand ansatzweise erklären wie die Funktion aussehen könnte?
Ich hab doch so wenig Ahnung von JS. Ich muss ja nur ne Funktion schreiben
die aus dem Wort "hidden" "visible" macht. Klingt ja einfach

[svensen]

- Infos zu den Attributen von display gibt es hier

- Ausgezeichnete JavaScript Referenz bei Self HTML

- speziell zum event Handler onChange

- attribute eines div containers ändern...


Wenn du die Ansätze nicht verstehst, kann man schlecht weiterhelfen, ausser man schreibt den kompletten
"Code" für dich. Ich hoffe es bringt dich trotzdem weiter.

[svensen]

[taste of ink]

[taste of ink]

So es funktioniert Hier die Lösung: