Hallo,

auf einer Webseite habe ich ein Formular, welches vom User ausgefüllt werden soll. Neben normalen Inputfeldern sind dort auch drei vorhanden, welche vom Nutzer nicht frei gefüllt werden sollen, sondern nur Werte enthalten dürfen, welche auch in einer dazugehörigen Datenbank enthalten sind. Da der User aber nicht alle diese Werte kennt, muss er eine Möglichkeit bekommen, eine Art von Suchfunktion zu nutzen.

Zunächst hatte ich überlegt, dies mit einem Autocomplete zu lösen, damit dem Nutzer beim Schreiben in das Inputfeld entsprechende Ergebnisse aus der Datenbank vorgeschlagen werden. Das Problem hierbei ist jedoch, dass der User immer noch frei in das Input schreiben kann und somit auch Werte eintragen kann, die nicht in der Datenbank vorhanden sind.

Eine andere Möglichkeit wäre, die Felder als readonly zu deklarieren und per onclick eine seperate Suchfunktion in einem divlayer einzubinden. Dort könnte der User dann die Datenbank durchsuchen und einen Wert in das Feld eintragen. Das Problem hierbei ist jedoch, dass diese Lösung relativ umständlich und umfangreich ist.

Gibt es noch andere Möglichkeiten, welche ich übersehen habe? Welche würdet ihr mir empfehlen?