[javascript] Auswahlliste mit Abrollmenü

N

NeD

Grünschnabel
Hallo

Ich würde gerne wissen wie man eine Auswahlliste mit Abrollmenü
schreibt und dabei wählen kann. So möchte ich 2 Menues Auswahlisten haben und diesen sollen dann zu einer neuen Seite führen:

List 1 enthällt:

Familiennamen

- Schmidt
- Meier
- Schlumpf

Wählt man nun Familie Schmidt sollte in der zweiten Liste die einzelnen Namen der Familienmitglieder auftauchen:

Familieschmidt

- Herr Schmidt
- Frau Schmidt

Hat man die Person ausgewählt und bestägit sollte man zu

http://www.familienamen.de/schmidt.htm

kommen.

Wie würde also so ein Menü mit Javascript oder mit einer anderen aussehen?

Vielen Dank im Voraus

NeD
 
Es scheint mir etwas komplizierter, du suchst ist etwas in dieser Richtung:
Code: 
<HTML>
<HEAD>
<script type="text/javascript" language="javascript">
<!--
  function redirect(x)
    {
    var groups = document.doublecombo.stage1.options.length;
    var group = new Array(groups);
    for(i=0; i<groups; i++)
      {
      group[i] = new Array();
      }

    group[0][0] = new Option("Herr","Herr");
    group[0][1] = new Option("Frau","Frau");
    group[0][2] = new Option("...","...");

    group[1][0] = new Option("Herr","Herr");
    group[1][1] = new Option("Frau","Frau");
    group[1][2] = new Option("...","...");

    group[2][0] = new Option("Schlumpfine","Schlumpfine");
    group[2][1] = new Option("Papa","Papa");
    group[2][2] = new Option("...","...");

    var temp = document.doublecombo.stage2;
    for(i=0; i<group[x].length; i++)
      {
      temp.options[i] = new Option(group[x][i].text,group[x][i].value);
      }
    temp.options[0].selected = true;
    }
//-->
</script>
</HEAD>

<BODY onload="document.doublecombo.stage1.focus();">
<form name="doublecombo" onsubmit="alert(this.stage1.value+','+this.stage2.value+'.htm'); return false;">
  <select name="stage1" size="1" onChange="redirect(this.options.selectedIndex);" onBlur="redirect(this.options.selectedIndex);">
    <option value="Schmidt">Schmidt
    <option value="Meier">Meier
    <option value="Schlumpf">Schlumpf
  </select>
  <select name="stage2" size="1">
    <option value="">...</option>
  </select>
  <input type="submit" value="Anzeigen">
</form>
</BODY>
</HTML>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück