js show/hide divs

guuls

Hallo,

ich habe folgendes Script

Code

function change()
{
   switch (document.getElementById("select").value)
   {
      case "1":
      document.getElementById("01").style.display = "block"

      break;
      case "2":
      document.getElementById("02").style.display = "block"

      break;


   }
}

Alles anzeigen

ich lade damit über dieses Dropdown

HTML

<select onchange="change()" id="select">
            <option value="">00</option>
            <option value="1">01</option>
            <option value="1">01</option>
            <option value="2">02</option>
            <option value="2">02</option>
            <option value="2">02</option>
            </select>

aber kann ich jetzt wenn ich z.b. value 1 gewählt habe und dann value 2 wähle das div wieder ausblenden das bei value 1 aufgebaut wird?! weil bei mir werden die dann einfach untereinander angezeigt!

driver

du könntest ne schleife über alle machen und denen dann "hidden" zuweisen, sie praktisch verstecken.
und anschließend deine aktuelle abfrage machen um des eine wieder hochzuholen...

alternativ den wert den du gerade aufgerufen hast irgendwo zwischenspeichern und dann
beim nächsten aufruf mitnehmen und dann genau dadrauf ein hidden legen. musst aber
dann evtl php mit zur hilfe nehmen... *grübl*

guuls

ach ich bin grade auf eine viel einfachere lösung gekommen

Code

function change()
{
   switch (document.getElementById("select").value)
   {
      case "0":
      document.getElementById("01").style.display = "none"
      document.getElementById("02").style.display = "none"
      break;


      case "1":
      document.getElementById("01").style.display = "block"
      document.getElementById("02").style.display = "none"
      break;


      case "2":
      document.getElementById("02").style.display = "block"
      document.getElementById("01").style.display = "none"
      break;


   }
}

Alles anzeigen

Tags