"Autocomplete" für Select

[fakerer]

Hallo,
bin wieder mal auf der suche nach etwas wo ich nicht mal genau weis wie man das nennen soll.
Und zwar möchte ich bei einem Selectfeld eine Art Autocomplete/Filter.
Wenn man im Select einen Buchstaben drückt springt man ja dann an die Stelle der Liste. Ich würde nun aber gern mehrere Buchstaben schreiben können so das dann nur noch die verbleibenden in der Liste angezeigt werden oder das mann dann dort hin springt.
Ich denk mal ich bin nur zu blöd so was zu finden
Ich hoff mal jemand hat n Tipp für micht.
Danke

 

[Robbyn-]

AW: "Autocomplete" für Select

Wenn du sowas meinst:



dann kannst du dies nur mit Ajax machen.

Dazu ein Beispiel findest du hier:

 

[spacefront]

AW: "Autocomplete" für Select

Meinst du sowas wie bei Google?

Wenn ich

Dann könnte das was für dich sein.

Gruß

 

[fakerer]

AW: "Autocomplete" für Select

so was meinte ich nicht
das autocomplete und das von der jquery ui die kenn ich schon aber die beziehen sich ja auf ein normales input feld.

 

[lachender_engel]

AW: "Autocomplete" für Select

so was meinte ich nicht
das autocomplete und das von der jquery ui die kenn ich schon aber die beziehen sich ja auf ein normales input feld.

Dann drücke Dich so aus, wie Du es meinst und wir verstehen können, was Du willst. Alle Antworten sind genau die zu Deiner Frage! Wenn sie nicht zu Deinem Problem passen, stimmt die Frage nicht!
Was willst Du genau? Kein Input Feld? Was ist ein "nicht normales" Input Feld? Wo willst Du sonst was eingeben?

 

[fakerer]

AW: "Autocomplete" für Select

"Autocomplete" für Select(dachte das daurch schon klar ist das ich nicht die normale autocomplete funktion meine)

klickt man auf den dropdownbutton soll die normale liste angezeigt werden.
tippt man dann zb ein "m" hüpft man zu m in der liste (standardfunktion)
ich hätte aber gern das wenn man "m"drückt nur noch alle option tags übrig bleiben die ein m haben und wenn man dann noch ein i drückt alle einträge mit "mi"

ich hoff man verstehts jetzt besser

 

[Chriss1987]

AW: "Autocomplete" für Select

Hi,

ich glaube, so einfach wird das nicht, das was du suchst ist sicherlich eine ComboBox. Diese gibt es jedoch nicht in HTML, was du also brauchst ist ein Workaround. Dazu gibt es mMn 2 Ansätze:

1.) du arbeitest mit einem "normalen" Input-Feld und zeigst mittels JS die auszuwählenden Items an. Tippt ein User einen Text, wird dieser mit der Liste verglichen und ur die Treffer angezeigt (für den Fall eignen sich die o.a. Links. Um die Auswahl auf genau die vorgegebenen Items zu beschränken und keine eigenen Texte zuzulassen gleichst du einfach die Eingabe mit der vorgegebenen Liste clientseitig mit JS und serverseitig mit php ab. Für den Fall, dass auch User ohne aktiviertem JS die Seite benutzen sollen, könntest du ein Select nach Seitenaufbau duch das beschriebene Input per JS ersetzen. User ohne JS sehen dann nur das Select-Feld und haben weniger "Autocomplete"-Komfort, User mit JS haben den vollen Funktionsumfang.

2.) per JS greifst du alle Tastatureingaben ab und speicherst sie zwischen und vergleichst die Eingabe mit der Liste, wenn du das weiter einschränken willst, prüft deine Funktion nur, wenn das Select-Feld aktiv ist. Das Problem mit de-/aktivierten JS besteht auch hier.

MMn würde ich Variante 1 bevorzugen, das sieht schöner aus und der User sieht, dass er eine Eingabe tätigen kann, bei einem "normalen" Select ist der User nur die Standart-Funktion gewohnt.

HTH
Schöne Grüße aus dem Sauerland!
Chriss