Innerhalb des Menus die einzelnen Punkte der Datalist mit Seiten verlinken

[Rolf B]

Hallo Sigi,

so weit ich das beurteilen kann, geht das nicht mit HTML. Das Innenleben einer datalist ist "text-only".

Du kannst das nur mittels JavaScript lösen. Du müsstest Dich auf das change-Event des input Elements registrieren, und wenn es feuert, den value des Elements aus den values der options heraussuchen.

Das Link-Target kannst Du beispielsweise den Optionen über ein data-href Attribut mitgeben.

Du musst aber alle Linkziele der Suchliste auch auf anderem Weg verfügbar machen. datalist ist zwar recht gut unterstützt, aber Uraltbrowser kennen es nicht und die User könnten auch JavaScript abgeschaltet haben.

Eine alternative Lösung - aber auch mit JavaScript - könnte darin bestehen, dass bei Eingaben in das Suchfeld eine Trefferliste aufpoppt, die Du selbst befüllst. Das kann eine einfache Liste von a Elementen sein, und du filterst sie auf Grund der Eingabe im Suchfeld. Ideengeber

Rolf