Moin!
<html>
<head>
<title>Auswahl Spieltage</title>
</head>
<body>
<form name="auswahl">
Spieltag:
<select name="Spieltage" name="selector">
<option value="01">01. Spieltag</option>
<option value="02">02. Spieltag</option>
<option value="03">03. Spieltag</option>
<option value="04">04. Spieltag</option>
</select>
<input type="button" name="spieltag" value="Spieltag anzeigen" onclick="myGoTo()">
</form>
</body>
</html>
Nun, mit den Mittel von reinem HTML wird das nichts. Die (schlechte)
Javascriptlösung sieht so aus:
<script type="text/javscript">
<!--
function myGoTo() {
target = document.forms['auswahl'].elements['selector'].value;
/* Die Variable "target" ist jetzt: 01 ... 04 */
target = target + "tag.html";
/* das "+" hängt Texte an... naja: ich habs nicht erfunden...
es entsteht also 01tag.html*/
window.location.href = target;
/* jetzt schreiben wir das mal in die Adressleiste */
}
//-->
</script>
Das Skript gehört in den header des Dokuments. Du musst die Zeilen, die ich geändert habe, auch anpassen.
Besser wäre aber gerde hier serverseitiges Scripting, weil das jeder Browser kann. Vermutlich wirst Du aber keinen Webspace mit der Möglichkeit CGI's oder PHP auszuführen haben .
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
Meinereinerselbst ist auf der Suche nach Aufträgen