Hallo Zusammen
Früher habe ich meine einfachen Web Seiten mit Front Page und der Front Page Servererweiterung erstellt.
Nachdem das nun eingestellt worden ist, muss ich mich um die Scripte und Codes selber kümmern.
Hier im HTML-Seminar habe ich in den letzten Tagen schon viel dazu gelernt.
Nun bin ich auf der Suche nach einem Sript, der die "datalist" mit einem Eingabe bzw Suchformular verbindet.
Folgenden Script habe ich schon zusammen und funktioniert auch.
Ist aber leider nicht sehr elegant.
Besser wäre es doch, wenn das ausgewählte Ziel im Fenster erscheint und dann über den Button "Finden" der Link ausgelöst wird.
Ich bin für jede Idee dankbar
gil
<script>
function urlist(v)
{
// alert(v);
document.getElementById('htm').innerHTML=v+'.htm';
document.getElementById('htm').href=v+'.htm';
}
</script>
<form action="#">
<p>
<label>
<input type="search" list="Inhalt"
placeholder="Suche"
oninput="urlist(this.value);">
<datalist id="Inhalt">
<select>
<option value="Fiat Ducato 230">
<option value="Fiat Ducato 244">
<option value="Fiat Ducato 250">
<option value="Peugeot Boxer 230">
<option value="Peugeot Boxer 244">
<option value="Peugeot Boxer 250">
<option value="Citroen Jumper 230">
<option value="Citroen Jumper 244">
<option value="Citroen Jumper 250">
</select>
</datalist>
</label>
<button>finden</button>
</p>
</form>
<a>Treffer:</a>
<a id="htm" href="" target="inhalt"></a>