Zwischending zwischen Text- und Select-Feld

[Tommi]

moin,

gibt's so was oder kann man so was mit JavaScript basteln? Also im Prinzip ein Select-Feld, in das man aber auch Werte reinschreiben kann, die nicht als Options vorhanden sind (oder so wie ein normales Textfeld, in das man schon vorher Werte eingetragen hat - da klappt dann ein Feld auf, aus dem man auswählen kann)?

Danke!
Tommi

[MudGuard]

Hi,

gibt's so was

Nein, HTML kennt keine Combobox.

oder kann man so was mit JavaScript basteln?

Im Prinzip ja (ich hab aber noch keine Variante gesehen, die - aber was machen User ohne Javascript?

Ich würde es so lösen:
ein Text-Eingabefeld, ein Select-Element
Im select-Feld einen zusätzlichen Eintrag: "use input field". Wenn dieser Eintrag ausgewählt ist, wird der input-Inhalt benutzt, sonst der aus dem Select.

cu,
Andreas

[Tommi]

moin,

Nein, HTML kennt keine Combobox.

OK, hab ich mir fast gedacht.

Ich würde es so lösen:
ein Text-Eingabefeld, ein Select-Element
Im select-Feld einen zusätzlichen Eintrag: "use input field". Wenn dieser Eintrag ausgewählt ist, wird der input-Inhalt benutzt, sonst der aus dem Select.

Ja, so in der Art hatte ich es bis jetzt auch.

Danke und Gruß
Tommi

[Sebastian Becker]

Hallo, Tommi,

gibt's so was oder kann man so was mit JavaScript basteln? Also im Prinzip ein Select-Feld, in das man aber auch Werte reinschreiben kann, die nicht als Options vorhanden sind (oder so wie ein normales Textfeld, in das man schon vorher Werte eingetragen hat - da klappt dann ein Feld auf, aus dem man auswählen kann)?

es gibt eine Lösung mit einem "Behaviour", bei der zwischen einem Select- und einem Inputfeld umgeschaltet wird ...

Demo:
http://blogs.astutemedia.com/stevetaylor/samples/editabledropdown/editabledropdown.htm

In der Demo "springt" bei mir das Eingabefeld beim Wechsel zwischen Select- und Inputmodus - das ist aber nur eine Frage der Konfiguration. Normalerweise sollten die beiden Felder an derselben Stelle erscheinen - bei mir funktioniert das auch.

Beschreibung:
http://blogs.astutemedia.com/stevetaylor/articles/162.aspx

Und hier eine Alternativlösung mit einem zusätzlichen Inputfeld ...

http://www.serve.com/apg/babble/otherMenu.html

Grüße,

Sebastian

[MudGuard]

Hi,

es gibt eine Lösung mit einem "Behaviour", bei der zwischen einem Select- und einem Inputfeld umgeschaltet wird ...
Demo:
http://blogs.astutemedia.com/stevetaylor/samples/editabledropdown/editabledropdown.htm

Da ist ein select. Und das bleibt ein select.
Und ich kann nichts frei eingeben.

In welchem Browser genau funktioniert das?
Vermutlich ausschließlich in IEs.

cu,
Andreas

[Sebastian Becker]

Hallo,

es gibt eine Lösung mit einem "Behaviour", bei der zwischen einem Select- und einem Inputfeld umgeschaltet wird ...

Demo:

http://blogs.astutemedia.com/stevetaylor/samples/editabledropdown/editabledropdown.htm

Da ist ein select. Und das bleibt ein select.
Und ich kann nichts frei eingeben.

dann wähle einfach mal den Menüpunkt "other" aus ...

In welchem Browser genau funktioniert das?
Vermutlich ausschließlich in IEs.

Die Umschaltung zwischen Select- und Inputfeld funktioniert nur im IE - das wird in der Beschreibung auch nicht verschwiegen.

Das Select-Feld funktioniert allerdings in allen Browsern, und wenn man eine bessere Kompatibilität wünscht, kann man den Code mit dem "Behaviour" ja z.B. mit dem in meinem Posting genannten zweiten Skript kombinieren.

Grüße,

Sebastian