Javascript Combobox
eine Combobox kombiniert ein Eingabefeld mit einer Auswahliste, da es kein HTML Element für eine Combobox gibt, muss diese mit Javascript nachgestellt werden. Hier ist eine Möglichkeit
Das Skript macht aus allen Auswahlisten, die das Wort combobox im Klassennamen haben, ein Eingabefeld mit einer Liste.
Der Aufruf sollte nach dem laden oder hinter dem letzten Formular im Dokument erfolgen, da die Funktion createCombobox() alle Formularfelder aller Formulare einer Seite durchsucht.
Die Combobox ist zuerst ein Inputfeld, mit einem Knopf oder Pfeil für die Auswahlliste. Man kann nun entweder in das Inputfeld einen Wert eingeben oder einen aus der Liste, dieser läßt sich dann auch ändern. Abgeschickt wird immer der Wert, der in dem Inputfeld steht.
Beispiel
Download
Das Skript findet sich hier und hier
eine Beispielseite.
Getestet habe ich mit dem (IE6), Opera 9, FF 2 und IE 7
Anmerkung EDIT: 14.7.2007
Dieser bescheuerte IE 6!
Der IE ist wieder eingebaut, ich bin dem Bug auf der Spur, die Beispielseite funktioniert auch im IE, hier schlägt irgendein CSS Bug zu, den ich noch nicht geordet habe.
Der IE hat Probleme eine Auswahliste mit einem anderen Element zu verdecken (siehe hier) .
10606 mal gelesen.
4 Kommentare Einen Kommentar hinterlassen »
Pingbacks
Auswahlfenster bzw. Combobox - Javascript & Ajax @ tutorials.de: Forum, Tutorial, Anleitung, Schulung & Hilfe
[...] Auswahlfenster bzw. Combobox So etwas gibt es. Schau mal bei http://javascript.jstruebig.de/javascript/68/#more-68 __________________ Gru
Kommentare
Samstag 23.Juni 2007: 1:18
Hi J.,
auf den ersten Blick ist das echt ein tolles Skript. Du hast so einige Skripte auf Deiner Seite, mit denen man durchaus was anfangen könnte.
Ich habe ein Google-Suchfeld auf meiner Seite, das ich zur ComboBox aufrüsten werde. Ginge das?
Gruß,
Axel
Sonntag 20.Dezember 2009: 14:16
hi,
sehr nützliches script, danke.
das was mir noch dabei fehlen würde ist eine multiauswahl mit strg.
mfg
zeroTM
Sonntag 20.Dezember 2009: 14:23
In einer Combobox? Soweit ich das Element kenne, gibt's das auch in echten Comboboxen nicht: http://de.wikipedia.org/wiki/Combobox
Einen Kommentar hinterlassen