DropDown mit Links

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

DropDown mit Links

Beitrag von Hape »

Mit diesem Code wird der ausgewählte Link aus der DropDownliste in einem neuen Tab geöffnet.

Code: Alles auswählen

<select name="menu1" id="menu1" style="width: 273px; color: rgb(3, 0, 0); font-family: Arial; font-size: 10pt; background-color: rgb(104, 139, 164);" value="GO"><option value="#">Bitte auswählen</option>>
  <option value="http://boitwarder-buergerverein.hpage.com">Boitwarder Bürgerverein</option>
<option value="http://boitwarden.hpage.com">Boitwarden</option>
<option value="http://hapes-javascript-demo-page.hpage.com">Hapes-Javascript-Demo-Page</option>
<option value="http://hapes-baustelle.hpage.com">Hapes-Baustelle</option>
<option value="http://hapes-fotowelt.hpage.com">Hapes-Fotowelt</option>
</select>
<script type="text/javascript">
 var urlmenu = document.getElementById( 'menu1' );
 urlmenu.onchange = function() {
      window.open( this.options[ this.selectedIndex ].value );
 };
</script>
Hier eine Demoseite: http://hapes-javascript-demo-page.hpage ... -link.html

Antworten