Durchsuchbares Webformular Feld

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/durchsuchbares-webformular-feld_255669/page_1 - zur Vollversion wechseln!


Garrett schrieb am 04.05.2020 um 12:54

Hallo,

ich suche eine Möglichkeit, bei der der User im Frontend einen Suchbegriff eingibt, (zB die ersten drei Buchstaben) und mit Autovervollständigung werden die passenden Suchergebnisse aus einer Liste vorgeschlagen.

Der User soll jedenfalls KEINE anderen Einträge außer jene, welche in der Liste enthalten sind, eingeben/absenden zu dürfen.

Im Grunde sowas wie das, nur dass es schön wäre, wenn der User nicht die vollständigen Listeneinträge sieht (weil bei uns wären das über 100) sondern die Anzeige erst nach der Eingabe eines ersten Buchstaben erfolgt.

Beispiel:
click to enlarge

So in etwa:
https://www.w3schools.com/howto/how...er_dropdown.asp


berndy2001 schrieb am 04.05.2020 um 13:38

select2 (wenn jquery ok ist)
https://select2.org/searching#minim...rch-term-length

chosen (ist das von deinem Bild?) kenne ich auch noch, aber das hat glaube ich keine minimum-length option.

Zitat aus einem Post von Garrett
So in etwa
das ist halt kein select, sondern ein div. Für ein Formular ist ein select wahrscheinlich sinnvoller.


Longbow schrieb am 04.05.2020 um 15:19

bist du noch immer im angular context unterwegs? (siehe zeichensatz thread)

weil dann kannst du da einfach eine async nachladende liste haben die sich anhand des user inputs (nach einer debounce time) erneuert




overclockers.at v4.thecommunity
© all rights reserved by overclockers.at 2000-2026