Optionsfelder mit HTML verlinken

[JürgenB]

Hallo jan,

wahsaga hat dir ja schon einen Link zu einer Beispielseite gezeigt.
Hier eine noch weiter reduzierte Version ohne Frames:

<script type="text/javascript">
var f=''
+'<form action="">'
+' <select size=1 name="Auswahl" onchange="window.location.href=this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value">'
+'  <option value="http://www.test.de/Seite1.html">Seite1</option>'
+'  <option value="http://www.test.de/Seite2.html">Seite2</option>'
+'  <option value="http://www.test.de/Seite3.html">Seite3</option>'
+' </select>'
+'</form>';
document.write(f);
</script>

Den Ausdruck
   this.form.Auswahl.options[this.fom.Auswahl.options.selectedIndex].value
kann man, glaube ich, noch auf
   this.options[this.options.selectedIndex].value
vereinfachen.

Da der automatische Aufruf der Seiten nach Auswahl der Option aber nur bei eingeschaltetem Javascript funktioniert, wird das ganze Auswahlmenü mit Javascript erstellt und ist so für User ohne JS unsichtbar. Dieses ist immer dann kein Problem, wenn es eine JS-freie Alternative gibt, z.B. über <noscript>.
Ich hoffe, dass ich mich beim Kürzen des Codes nicht verschrieben habe, daher hier der Link zum Original: http://physik.uni-muenster.de

Gruß, Jürgen