Avatar billede matfri Nybegynder
08. februar 2010 - 20:26 Der er 1 kommentar og
1 løsning

show/hide via dropdown

Hej,

jeg har brug for lidt ekspertise til at lave et javascript, som kan følgende:

Når et bestemt punkt vælges i dropdown menuen, skal der vises et div tag. hvis et af de andre punkter vælges, skal div tagget "gemmes" igen. Dropdown'en ser ud som følger:

<select name="type" class="admin" size="1">
        <option value="">text</option>
        <option value="radio">Radiobutton</option> <--- denne skal vise div tagget
        <option value="primeremail">primerEmail</option>
        <option value="email">email</option>
        <option value="checkbox">checkbox</option>
        <option value="dropdown">dropdown</option>
        <option value="webadress">webadress</option>
        <option value="textarea">text area</option>
        </select>

Håber nogen har lidt mere erfaring med javascript end jeg selv;)
Avatar billede a2p-dk Nybegynder
08. februar 2010 - 21:16 #1
Hvad med dette stykke kode?

<select name="type" onchange="sh(this.value)" class="admin" size="1" id="admin_select">
        <option value="">text</option>
        <option value="radio">Radiobutton</option>
        <option value="primeremail">primerEmail</option>
        <option value="email">email</option>
        <option value="checkbox">checkbox</option>
        <option value="dropdown">dropdown</option>
        <option value="webadress">webadress</option>
        <option value="textarea">text area</option>
</select>
<script type="text/javascript">

actElm = false;
function sh(v) {
  if(actElm) {
    document.getElementById("drop_"+actElm).style.display="none";
    actElm = false;
  }
  if(document.getElementById("drop_"+v)) {
    document.getElementById("drop_"+v).style.display="block";
    actElm = v;
  }
}

</script>

<div id="drop_radio" style="display:none;">Radio checked</div>
<div id="drop_email" style="display:none;">Email checked</div>
<div id="drop_dropdown" style="display:none;">dropdown checked</div>
Avatar billede matfri Nybegynder
08. februar 2010 - 22:29 #2
Genialt! Super mange tak.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester