Auswahlliste-Menü [IE|M|O|G]

von: Werner Zenk

Auswahlliste-Menüs als Hyperlink oder als Download-Menü.

• Auswahlliste-Menü als Hyperlink

<form>
  <select name="list" size="1">
    <option selected="selected" value="http://www.homepage-total.de"> Homepage-Total.de </option>
    <option value="http://www.google.de"> Google.de </option>
  </select>

<input type="button" value="und los"
  onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value">
</form>

Öffnet die Liste der hinterlegten Links in einem neuen Fenster/Tab:

<form>
<select name="list" size="1">
<option selected="selected" value="http://www.homepage-total.de"> Homepage-Total.de </option>
<option value="http://www.google.de"> Google.de </option>
</select>

<input type="button" value="und los"
onClick="window.open((this.form.list.options[this.form.list.selectedIndex].value), 'f1')">
</form>

• Auswahlliste-Menü als Hyperlink (automatisch)

<script type="text/javascript">
function Goto() {
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL}
</script>

 </head>
<body>

<form name="form">
  <select name="site" size="1" onChange="Goto()">
    <option selected value="http://www.homepage-total.de"> Homepage-Total.de </option>
    <option value="http://www.google.de"> Google.de </option>
    <option selected>Bitte wählen</option>
  </select>
</form>

...und in Frames (und iFrames):

<script type="text/javascript">
 function Go(x){
  parent.frames[0].location.href = x;
 }
</script>
 
<form>
 <select size="1" name="Auswahl"
 onChange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)">
  <option value="seite1.htm"> Seite 1
  <option value="seite2.htm"> Seite 2
 </select>
</form>

Im Script müssen sie nur noch die Zahl einfügen in
welchem Frame die ausgewählten Seiten angezeigt werden sollen.
parent.frames[0]....
Also das erste Frame beginnt mit der Zahl 0 !

Alternativ kann auch der Name des Frames angegeben werden:
parent.FrameName.location.href = x;

Anmerkung: Bitte zeigen Sie nur Ihre eigenen Seiten in Frames an!

• Download-Menü

<form>
  <select name="list" size="1">
    <option selected="selected" value="../download/Datei1.zip"> Datei1.zip (277 KB) </option>
    <option value="../download/Datei2.zip"> Datei2.zip (498 KB) </option>
    <option value="../download/Datei3.zip"> Datei3.zip (748 KB) </option>
  </select>

  <input type="button" value="Herunterladen"
  onClick="location.href=this.form.list.options[this.form.list.selectedIndex].value">
</form>

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Zahlenwerte überprüfen und korrigieren

Zahl runden - Ein Wert wird aufgerundet und mit 2 Nachkommastellen angezeigt.

Formularfelder dynamisch hinzufügen

Datum - Anzeige des Datums

JavaScript Bausteine 11

Dynamisches Eingabefeld - mit Auswahlliste

Rechtsklick Schutz - Die rechte Maustaste wird gesperrt, und eine Meldung wird ausgegeben. …mehr