input type=search, datalist und action

[beatovich]

hallo

1. der Gunnar-Hinweis: Dein Input ist nicht beschriftet. Placeholder sind keine Beschriftung.

Ja es fehlt ein aria-label beim Button. Aber label können auch anderswo notiert sein, und das ist hier der Fall.

2. solltest Du value und Option-Text vertauschen, sonst steht nachher die Adresse im Eingabefeld. Das willst Du nicht, glaube ich.

Es wird bei datalist der Inhalt von Optionen durchsucht. In deinem fiddle sind die option values nutzlos.

Und da bei gefundener Adresse diese wohl auch gesendet wird, ist mir egal ob die im Textfeld steht.

3. Du könntest mit querySelectorAll die Options der Datalist einsammeln und die values dieser Options mit dem Suchfeld vergleichen.

Oder einfacher, bei erstellen des Formulars alle values in ein Object aufnehmen. Existiert die Object-Eigenschaft nicht, handelt es sich um einen unabhängigen Querystring.

Fiddle