Vervollständigen eines Textfeldes mit Auswahl

[EKKi]

Mahlzeit,

Wie kann ich das machen? Soll ich ein Layer dafür verwenden? Oder ein Dropdownmenü - hab allerdings keine Möglichkeit gefunden, wie man dort einen Suchbegriff eingeben könnte?

Ich habe mal sowas gebastelt - wenn ich das wiederfinde und etwas "anhübsche", könnte ich es mal zur Verfügung stellen.

Grob gesagt die Funktionsweise: du fängst die Tastendrücke innerhalb des <input> ab, machst ggf. im Hintergrund eine AJAX-Abfrage gegen Deine Datenbank und präsentierst, falls Ergebnisse zurückkommen, diese in einer <ul> innerhalb eines <div> "unterhalb", allerdings vom z-index her "oberhalb" deines <input>. Dann noch hier und da ein bisschen layouten und designen - et voilá, fertig ist die <select>-Box mit Suchbegriffseingabe.

Kleine Info noch: Meine Artikel werden aus einer sql-DB ausgelesen und in einem JS-Array zwischengespeichert (woerterbuch). Ist vermutlich nicht sehr elegant, oder?

Naja ... für kleinere Datenmengen und wenn es nicht kritisch ist, dass so im Prinzip jeder alle Deine Daten auslesen kann, ist das doch OK - solange es performant ist!

Wäre vielleicht AJAX hier angebracht? Falls ja, wie müsste ich das machen?

Angebracht: weiß ich nicht, musst Du entscheiden. Im Prinzip ist AJAX nichts anderes als ein HTTP-Request auf eine Ressource, der Du natürlich mittels GET oder POST Informationen übergeben kannst und die Dir irgendwelche Ergebnisse zurückliefert. Wenn Du diese dann mit Javascript ausliest und verarbeitest, kannst Du sie natürlich anschließend irgendwo im DOM unterbringen.

MfG,
EKKi