Relative Selectboxen

[TMG]

Hi,

ich habe so gut wie keine Ahnung von Javascript und ich arbeite zu wenig damit um mich damit intensiv auseinanderzusetzen. (zu wenig Zeit und Zeit = Geld *g*)

Ich möchte nun aber eine Selectbox haben, die in Abhängigkeit 2er anderer Selectboxen den Inhalt wiedergibt.

Wie ich das haben möchte kann man hier sehr gut sehen.

hier klicken


Ich habe mir den Quellcode mal angeschaut, aber keinen Zusammenhang gefunden.
Könnt ihr mir einen Denkansatz geben, der mir vieleicht weiterhilft ?

Und falls sich jemand die Arbeit machen würde, mir zu erklären wie das ganze funktioniert, wäre das noch wunderbarer.

Hat jemand eine Idee ?
Mit PHP ist das sicherlich nicht zu realisieren und mit HTML sowieso nicht.

Hier ist der Codeschnipsel des Menus:

<form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="get">
<table width="40%"  border="0" cellspacing="0" cellpadding="0" background="bilder/background.jpg">
<tr>
  <td class="read">Fraktion</td>
    <td class="read">Rasse</td>
    <td class="read">Klasse</td>
<td></td>
  </tr>
  <tr>
    <td><select name="fraktion" class="readdetail">
      <option value="Allianz">Allianz</option>
      <option value="Horde">Horde</option>
    </select></td>
    <td><select name="rasse" class="readdetail">
      <option value="Gnom">Gnom</option>
      <option value="Mensch">Mensch</option>
      <option value="Nachtelf">Nachtelf</option>
      <option value="Orc">Orc</option>
      <option value="Taure">Taure</option>
      <option value="Troll">Troll</option>
      <option value="Untoter">Untoter</option>
      <option value="Zwerg">Zwerg</option>
    </select></td>
    <td><select name="klasse" class="readdetail">
      <option value="Druide">Druide</option>
      <option value="Hexenmeister">Hexenmeister</option>
      <option value="Krieger">Krieger</option>
      <option value="Magier">Magier</option>
      <option value="Paladin">Paladin</option>
      <option value="Priester">Priester</option>
      <option value="Schamane">Schamane</option>
      <option value="Schurke">Schurke</option>
    </select></td>
    <td><input name="sort" type="submit" class="readdetail" value="Go"></td>
</table></form>

Danke,
TMG

//EDIT:

Hi,

ich habe so gut wie keine Ahnung von Javascript und...

Ich habe leider erst nach dem Posten die Regeln gelesen ( falscher Weg, ich weiß), aber wenn mir dennoch jemand helfen mag, wäre es sehr nett.

Tut mir leid

 

[C-H]

Hallo!

Pack' doch die divs "rasse" und "klasse" in jeweils ein div, die du je nach Auswahl der ersten Selectbox ein bzw. ausblendest. Schau dir dazu mal die CSS-Eigenschaft display an, die dann mit Javascript gesteuert wird.