Dropdown/Pulldown Menü

Mit einem Drop-Down/Pulldown-Menü kann man dem Besucher eine Navigation zur Verfügung stellen, die sehr stark an ein Formular erinnert.

Hierbei wird das Drop-Down Menü Element verwendet. Bei der ersten Version wird der Link, der ausgewählt wird, direkt angesprungen. Beim zweiten muss erst noch ein "Und los" Knopf gedrückt werden und beim dritten werden mehrere Drop-Down Menüs miteinander kombiniert.

Beispiel 1:

Fügen Sie diesen Code an der gewünschten Stelle in Ihrer Seite ein

<script language="JavaScript">
<!--
function surfto(form)
{
var myindex = form.select1.selectedIndex;
if (form.select1.options[myindex].value != "0")
{
location = form.select1.options[myindex].value;
}
}
//-->
</script>
<form name="form1">
<select name="select1" onchange="surfto(this.form)" size="1">
<option selected value="0"> ----- Wählen Sie aus: -----</option>
<option value="URL#1">URL#1 Text</option>
<option value="URL#2">URL#2 Text</option>
<option value="URL#3">URL#3 Text</option>
<option value="URL#4">URL#4 Text</option>
</select>
</form>

Beispiel 2:

Fügen Sie diesen Code an der gewünschten Stelle in Ihrer Seite ein

<script language="JavaScript">
<!--
function surfto(form)
{
    var myindex = form.dest.selectedIndex;
    location = form.dest.options[myindex].value;
}
//-->
</script>
<form name="myform">
    <select name="dest" size="1">
        <option selected value="http://URL#1">URL #1 Beschreibung</option>
        <option value="http://URL#2">URL #2 Beschreibung</option>
        <option value="http://URL#3">URL #3 Beschreibung</option>
        <option value="http://URL#4">URL#4 Beschreibung</option>
    </select>
    <input type="button" value="Start" onClick="surfto(this.form)">
</form>