Frage zum Wiki-Artikel „Suchformulare“

[Henry]

Hallo Hubert,

Vielleicht kannst du mir ein JavaScript für diese Anwendung zeigen, wäre toll.

Ich habe das Beispiel mal versucht auf deine Bedürfnisse anzupassen. Aber noch nicht ganz fertig, muss mal überlegen wie onchange in etwas ähnlichem wie onselect ändere, weil jetzt zeigt er das pdf erst an wenn du aus dem Feld wieder raus gehst. Aber probier mal, wenn's das ist was du willst, mach ich oder jemand anders hier sicher weiter.

<main>

<script>
function urlist(v)
{
document.getElementById('pdf').innerHTML=v+'.pdf';
document.getElementById('pdf').href=v+'.pdf';
}
</script>

	<form action="#">
		<p>
			<label> Vogelart<input type="search" list="Vögel" onchange="urlist(this.value);" />
				<datalist id="Vögel">
					<option value="Amsel">
						<option value="Buntspecht">
							<option value="Drossel">
								<option value="Eisvogel">
									<option value="Fink">
										<option value="Graugans">
											<option value="Meise">
												<option value="Spatz">
													<option value="Specht">
				</datalist>
			</label>
			<button>finden!</button>
		</p>
	</form>
	
<a id="pdf" href=""></a>	
</main>

*Nachtrag
Du hattest ja schon ein Beispiel(vergessen) dann natürlich ohne die Erweiterung (.pdf).

<script>
function urlist(v)
{
document.getElementById('pdf').innerHTML=v;
document.getElementById('pdf').href=v;
}
</script>

Gruss
Henry