Gunnar Bittersmann: Select Li Element on Keyup

Beitrag lesen

@@apfelsine

  <li id="359" onclick="javascript:setAutoComplete(359, 'Achim','StartStation','SelectedStationStart')">Achim</li>

Was alle Antwortenden bislang übersehen haben (obwohl sie es besser wissen sollten): Das kann nicht funktionieren (im Sinne von: bei allen Nutzern funktionieren). li ist kein interaktives Element; das ist bei Tastatursteuerung nicht erreichbar, also nicht anclickbar.

Merke: Niemals nicht-interaktive Elemente als Target für click-Events vorsehen. Für sowas sind buttons zu verwenden.

Aber eigentlich willst du gar kein JavaScript, sondern eine Combobox? So mit list-Attribut und datalist-Element?

Oder doch etwas JavaScript: Lea Verous Awesomplete?

Oder willst du ausschließlich deine vorgegebenen Werte als Eingabemöglichkeiten zulassen? Dann willst du select mit options oder eine Gruppe von Radio-Buttons (vorzugsweise letzteres).

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory