Vorschläge bei Eingabe ins Suchfeld

[Linuchs]

sieht sehr einfach aus, aber funktioniert (noch) nicht. Schau mal auf diese Seite und gib Ortname ein, um die Vorschläge auszulösen.

Habe im Suchfeld type von text auf search geändert und die Zeile list eingefügt:

<p><l>Ortname <img id=such_ort_name class=help /></l>
<input  required
type        = "search"
list        = "OrteVorschlaege"
name        = "such_ort_name"
title       = "such_ort_name required"
maxlength   = 50
value       = ""
oninput     = "getOrte( this )"
onblur      = "getOrteSchliessen()"
/> <i>3 .. 50</i></p>

Das Vorschlagsfeld war bisher ein absolut positioniertes „div“, habe ich in „datalist“ geändert, aber die Runtertaste geht dort nicht hinein:

<datalist id="OrteVorschlaege" style="position: absolute; left: 736.233px; min-width: 25em; top: 1218.15px; min-height: 1em; border: 0.1pt solid rgb(170, 170, 255); border-radius: 5px; background-color: rgb(255, 255, 170); padding: 5px; text-align: left; font-size: 10pt; display: none; z-index: 99;" title="OrteVorschlaege">
<p class="nowrap">D-38871 <a href="javascript:getOrtPut('14081', 'D', '38871', 'Abbenrode' )" title="ort_id=14081"><i class="crot">Abb</i>enrode</a> <small> Gemeinde Nordharz</small></p>
<p class="nowrap">D-93077 <a href="javascript:getOrtPut('12062', 'D', '93077', 'Bad Abbach' )" title="ort_id=12062">Bad <i class="crot">Abb</i>ach</a> <small> </small></p>
<p class="nowrap">D-92507 <a href="javascript:getOrtPut('12006', 'D', '92507', 'Nabburg' )" title="ort_id=12006">N<i class="crot">abb</i>urg</a> <small> </small></p>
<p class="nowrap">D-86986 <a href="javascript:getOrtPut('11386', 'D', '86986', 'Schwabbruck' )" title="ort_id=11386">Schw<i class="crot">abb</i>ruck</a> <small> </small></p>
<p class="nowrap">D-92548 <a href="javascript:getOrtPut('13284', 'D', '92548', 'Schwarzach bei Nabburg' )" title="ort_id=13284">Schwarzach bei N<i class="crot">abb</i>urg</a> <small> </small></p></datalist>

So ganz trivial ist das also nicht.