Viennamade: Eingabefeld nutzen in HTML

Beitrag lesen

also wirklich nur geringe Grundkentnisse.

Hallo Kollege!

Ich glaube, untenstehender Quelltext kommt Deiner Anforderung nahe.

Zwischen <select> und </select> wird eine Auswahlliste definiert.

Die mit <option> beginnenden und mit </option> endenden Zeilen bestimmen die Einträge der Auswahlliste.
Am Beispiel der Zeile "<option value="http://www.yahoo.com/">YAHOO</option>" ist "YAHOO" die in der Liste sichtbare Auswahlmöglichkeit, "http://www.yahoo.com/" hingegen der tatsächlich auswählbare Wert.

"onchange ..." bewirkt, daß nach der Auswahl des Anwenders, ein Fenster aufgemacht wird ("window.open") und dieses Fenster die ausgewählte URL ("this.options[this.selectedIndex].value") aufruft.

Quelltext (gefunden unter Google mit "simple navigation html select"):

<!doctype html public "-//W3C//DTD HTML 3.2 //EN">
<html>
<head>
<title>test</title>
</head>
<body>
<form action="../">
<select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
    <option value="">Wählen Sie ein Ziel aus...</option>
    <option value="http://www.yahoo.com/">YAHOO</option>
    <option value="http://www.google.com/">GOOGLE</option>
    <option value="http://www.altavista.com/">ALTAVISTA</option>
    <option value="http://www.amazon.com/">AMAZON</option>
    <option value="http://artlung.com/">ARTLUNG</option>
</select>
</form>

</body>
</html>

Beste Grüße
Viennamade