Select Li Element on Keyup
bearbeitet von 1unitedpowerHallo,
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
1)
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>**
...`
2) Key-down markiert Wert. Was dann hoffentlich funktioniert wenn 1) funkt
[JSFiddle Beispiel](https://jsfiddle.net/nz42k12s/10/?utm_source=website&utm_medium=embed&utm_campaign=nz42k12s)
Sicher hab ich irgendwo einen Fehler reingebastelt...
wäre schön wenn mir jemand was sagen könnte.
lg
apfelsine
Select Li Element on Keyup
bearbeitet von apfelsineHallo,
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
1)
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>**
...`
2) Key-down markiert Wert. Was dann hoffentlich funktioniert wenn 1) funkt
[JSFiddle Beispiel](https://jsfiddle.net/nz42k12s/7/)
Sicher hab ich irgendwo einen Fehler reingebastelt...
wäre schön wenn mir jemand was sagen könnte.
lg
apfelsine
Select Li Element on Keyup
bearbeitet von apfelsineHallo,
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
1)
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> ...`
2) Key-down markiert Wert. Was dann hoffentlich funktioniert wenn 1) funkt
[JSFiddle Beispiel](https://jsfiddle.net/nz42k12s/7/)
Sicher hab ich irgendwo einen Fehler reingebastelt...
wäre schön wenn mir jemand was sagen könnte.
lg
apfelsine
Select Li Element on Keyup
bearbeitet von apfelsineHallo,
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.
1 bis 2 Probleme
1)
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> ...`
2) Key-down markiert Wert. Was dann hoffentlich funktioniert wenn 1) funkt
[JSFiddle Beispiel](https://jsfiddle.net/nz42k12s/7/)
Sicher hab ich irgendwo einen Fehler reingebastelt...
wäre schön wenn mir jemand was sagen könnte.
lg
apfelsine