Auswahliste mit 3 Spalten

23nsur

Grünschnabel
HTML:
<form name="doppelmenue" action="">

<select name="auswahlliste" size="1" onChange="redirect(this.options.selectedIndex)">
 <option>Home</option>
 <option>Suchmaschinen</option>
 <option>Sonstiges</option>
</select>

<select name="auswahlliste2" size="1">
 <option value="startseite.htm">Homepage</option>
 <option value="buch.htm">Gästebuch</option>
 <option value="forum.htm">Forum</option>
</select>

<input type="button" name="test" value="Los" onClick="auswaehlen()">
</form>

<script>
// Doppelte Menü-Auswahlliste

var groups = document.doppelmenue.auswahlliste.options.length;
var auswahl = new Array(groups);
for (var zaehler = 0; zaehler < groups; zaehler++) {
 auswahl[zaehler] = new Array();
}

auswahl[0][0] = new Option("Homepage", "startseite.htm");
auswahl[0][1] = new Option("Gästebuch", "buch.htm");
auswahl[0][2] = new Option("Forum", "forum.htm");

auswahl[1][0] = new Option("Yahoo", "http://www.yahoo.de");
auswahl[1][1] = new Option("Google", "http://www.google.de");
auswahl[1][2] = new Option("Windows Live", "http://www.live.com");

auswahl[2][0] = new Option("T-Online", "http://www.t-online.de");
auswahl[2][1] = new Option("Arbeitsamt", "http://www.arbeitsamt.de");
auswahl[2][2] = new Option("Webbausteine", "http://www.webbausteine.de");
auswahl[2][3] = new Option("HTML-Forum", "http://www.html.de");

var temp = document.doppelmenue.auswahlliste2;

function redirect(x) {
 for (var zaehler = temp.options.length-1; zaehler > 0; zaehler--) {
  temp.options[zaehler] = null;
 }
 for (var zaehler = 0; zaehler < auswahl[x].length; zaehler++) {
  temp.options[zaehler] = new Option(auswahl[x][zaehler].text,auswahl[x][zaehler].value);
 }
 temp.options[0].selected = true;
}

function auswaehlen() {
 location.href = temp.options[temp.selectedIndex].value;
}
</script>

Wie kann ich 3 Dropdown Auswahllisten erstellen - leider im Script nur 2 möglich?
mit
HTML:
auswahl[1][0][0] = new Option("Yahoo", "http://www.yahoo.de");
nicht möglich.

Vielen Dank..
 
Zurück