apfelsine: Select Li Element on Keyup

Beitrag lesen

Hallo,

ich möchte aus einer Liste, die nach einer Texteingabe unter der Textbox angezeigt werden mit dem Key-Up und Key-Down Werte auswählen. Dabei gibts 1 bis 2 Probleme

Ich habe dazu eine Klasse ".Selected" erstellt, wo ich den Hintergrund-Farbwert festlege. Als Test, habe ich einem Punkt in der Liste die Klasse zugeordnet. Leider wird die Farbveränderung aber nicht angezeigt.

<div id="targetDiv">
  <input id="StartStation" autocomplete="off" class="valid" type="text">
  <input id="SelectedStationStart" name="SelectedStationStart" type="hidden">
  <ul id="targetUI">
  <li id="359" onclick="javascript:setAutoComplete(359, 'Achim','StartStation','SelectedStationStart')">Achim</li>

  **<li id="419" class=".selected" onclick="javascript:setAutoComplete(419, 'Achmer','StartStation','SelectedStationStart')">Achmer</li>** 
…
  1. Key-down markiert Wert. Was dann hoffentlich funktioniert wenn 1) funkt

JSFiddle Beispiel

Sicher hab ich irgendwo einen Fehler reingebastelt...

wäre schön wenn mir jemand was sagen könnte.

lg apfelsine

akzeptierte Antworten