[JS] Selectboxen ein-/ausblenden

[doped]

Hey Leute
Ich habe folgendes Problem: Ich möchte eine Funktion in eine Seite einbauen, dass ich ne Selectbox habe, und je nachdem was man dort auswählt, kommt ne 2. Selectbox dazu (um die erste zu spezifizieren), und nach der 2. noch ne dritte.
Das Ganze dient zur Regionenbestimmung, erste Box=Kontinent, 2. Box=Land und 3. Box=Region.
Dazu habe ich folgenden Code gefunden, der das ganze eig recht simpel löst:

function hideselect(obj) {

  var j;

  if ( obj.options[obj.selectedIndex].value!=0

    && document.getElementById(obj.options[obj.selectedIndex].value)

    ) 
    {
        for (var i=0; i<obj.options.length; i++) {

              if(obj.options[i].value!=0){

                j=document.getElementById(obj.options[i].value);
                
                if (i == obj.selectedIndex) {

                  j.style.display = 'inline';

                } else {

                      if(j)

                        j.style.display = 'none';

                }
        

      }

    }

  }

}

Die Child-Box muss halt den gleichen Namen haben wie die Option der Parentbox.
Nun habe ich jedoch folgendes Problem: Wenn schon alle 3 Regionen da stehen habe, und nun einen anderen Kontinent auswähle, ändert sich zwar das Land, aber die alte Region bleibt stehen. Diese muss aber auch noch ausgeblendet werden. Sonst habe ich da 4 Boxen dann stehen.
Nun weiß ich nicht ganz wie ich das lösen soll. Hat da jemand ne Idee wie ich den Code da spezifizieren kann?


MfG
doped04

 

[Brom]

Hier da kannst du deine Boxen auch reib machen wenn ich dich richtig verstanden habe :

:: Stellen ein-/ausblenden
Geschrieben von Sniper - am 31.01.2007

Hiermit kann man Stellen sichtbar machen und beim nächsten klicken wieder unsichtbar Dies ist besonders gut, wenn man zu einer Überschrift eine mehr Funktion verwendet, wo man dann auf das plus klicken kann und aufeinmal der Text dazukommt. Dieses Tutorial dient nur als Grundgerüst und kann beliebig erweitert werden.

Dies ist der Javascriptteil hiermit kann man das Bild sichtbar unsichtbar machen und zwar wird einfach eine Frage gestellt, ob der Text unsichtbar ist und wenn er es ist, dann wird er sichtbar gemacht und beim nächsten klicken trifft der Sonstfall (else) ein, und danach beginnt die Abfrage von neu.

//Code
<script type="text/javascript"> function show(ids) {
if(document.getElementById("m"+ids).style.visibility == "hidden"){ document.getElementById("m"+ids).style.visibility='visible'; document.getElementById("a"+ids).src='minus.gif'; } else{ document.getElementById("m"+ids).style.visibility='hidden'; document.getElementById("a"+ids).src='plus.gif'; }
} </script>
//Code

Hier kommt schließlich der Htmlteil:

//Code
<span id="m1" style="visibility:hidden;">beliebiger Inhalt</span>

<img id="a1" src="plus.gif" width="9" height="9" border="0" alt=""
onclick="javascript:show(1)">
//Code

Hierbei musst du immer bei span id m[+id] eingeben und bei img id a[+id], und bei javascript:shnow([+id]) kannst du angeben welche id es sein soll

 

[doped]

Hi Powergrafik!
Sorry, aber verstehe nicht ganz was du meinst. Die Boxen sollen halt nach belieben ein und ausgeblendet werden. Ich werd mal versuchen was zu basteln und mich dann nochmal melden wenn sonst keiner ne Idee hat. Weil meine JS Künste sind eig net gerade so gut