Dropdownmenü mit Eingabemöglichkeit

[Susanne]

Hallo,
ich will auf meiner Seite ein Dropdownmenü einbauen, von dem man entweder aus der Liste etwas auswählen kann oder man in die Zeile einen neuen Eintrag einträgt.

Da ich nicht viel Platz habe will ich dafür kein eigenes Eingabefeld + Dropdown haben, sondern beides in einem kombinieren.
Soweit ich weiß gibt es kein Dropdownmenü + Eingabefeld in html. Aber man sollte es mit Javascript machen können.
Leider komme ich nicht auf den Ansatz, wie ich das am geschicktesten mache.

Wäre nett, wenn mir wer helfen könnte.

Danke
Susi

[Struppi]

ich will auf meiner Seite ein Dropdownmenü einbauen, von dem man entweder aus der Liste etwas auswählen kann oder man in die Zeile einen neuen Eintrag einträgt.

Das nennt sich Combobox.

Ich hab mich mal daran versucht das mit JS umzusetzen: http://javascript.jstruebig.de/javascript/68

Ist aber keine 100% ausgereifte Lösung. Das Problem ist, wie schon in den Kommentaren zu lesen, der zoom im Browser der dazu führt, dass die Darstellung beim vergrößeren oder verkleinern sich massiv verschiebt.

Es ist Ansatz, vielleicht hilft's dir.

Struppi.

[Susanne]

Du legst also ein Textfeld über das Dropdownmenü damit es aussieht, als wäre das Textfeld das Eingabefeld.

Hm, wäre eine Möglichkeit.

Bevor deine Antwort kam habe ich angefangen, mir auch selber eine zu basteln. Habe mir neben dem Eingabefeld einen Button gebaut, wenn man darauf klickt erscheint ein div block darunter mit einem select.

Der Nachteil daran ist, dass mein Button ziemlich hässlich aussieht (gibt es eine Möglichkeit den Standardbutton von Dropdownmenüs, also mit Pfeil nach unten, zu bekommen?

Der zweite Nachteil ist, dass er nicht verschwindet wenn man daneben klickt