Avatar billede da_darkside Nybegynder
18. maj 2003 - 19:39 Der er 8 kommentarer og
1 løsning

Problemer med javascript indhold i form

jeg har lavet følgende men det virker ikke :-/ den siger Mainlang er undefined hvis jeg sætter min <form> uden om, hvad kan man gøre anderledes ?

<form>
<script language="javascript">

function Dropper()
{
    oSelect = document.getElementById('Mainlang');
    FNr = Mainlang[Mainlang.selectedIndex].value;

    if (FNr == "0")
    {
        document.getElementById('Drop0').style.display="block";
        document.getElementById('Drop1').style.display="none";
        document.getElementById('Drop2').style.display="none";
        document.getElementById('Drop3').style.display="none";
        document.getElementById('DropS').style.display="none";
    }
    else if (FNr == "1")
    {
        document.getElementById('Drop0').style.display="none";
        document.getElementById('Drop1').style.display="block";
        document.getElementById('Drop2').style.display="none";
        document.getElementById('Drop3').style.display="none";
        document.getElementById('DropS').style.display="none";
    }
    else if (FNr == "2")
    {
        document.getElementById('Drop0').style.display="none";
        document.getElementById('Drop1').style.display="none";
        document.getElementById('Drop2').style.display="block";
        document.getElementById('Drop3').style.display="none";
        document.getElementById('DropS').style.display="none";
    }
    else if (FNr == "3")
    {
        document.getElementById('Drop0').style.display="none";
        document.getElementById('Drop1').style.display="none";
        document.getElementById('Drop2').style.display="none";
        document.getElementById('Drop3').style.display="block";
        document.getElementById('DropS').style.display="none";
    }

    else if (FNr == "6")
    {
        document.getElementById('Drop0').style.display="none";
        document.getElementById('Drop1').style.display="none";
        document.getElementById('Drop2').style.display="none";
        document.getElementById('Drop3').style.display="none";
        document.getElementById('DropS').style.display="block";
    }

}

</script>

<select name="Mainlang" onChange="Dropper();">
<option selected value="6">Choose Module</option>
<option value="0">t0</option>
<option value="1">t1</option>
<option value="2">t2</option>
<option value="3">t3</option>

</select>
   


<select size="1" name="DropS" style="display:'block'" disabled="true">
<option></option>
</select>

<select size="1" name="Drop0" style="display:'none'">
<option>3534</option>
</select>

<select size="1" name="Drop1" style="display:'none'">
<option>tytyyt</option>
</select>

<select size="1" name="Drop2" style="display:'none'">
<option>455445</option>
</select>

<select size="1" name="Drop3" style="display:'none'">
<option>544545</option>
</select>
</form>
Avatar billede mjense173 Nybegynder
18. maj 2003 - 20:53 #1
Hvad er spørgsmålet så?
Avatar billede -master-d- Nybegynder
18. maj 2003 - 20:54 #2
Prøv at bruge denne.


<select id="Mainlang" onChange="Dropper();">
<option selected value="6">Choose Module</option>
<option value="0">t0</option>
<option value="1">t1</option>
<option value="2">t2</option>
<option value="3">t3</option>

</select>
Avatar billede -master-d- Nybegynder
18. maj 2003 - 20:55 #3
Og dette

<select size="1" id="DropS" style="display:'block'" disabled="true">
<option></option>
</select>

<select size="1" id="Drop0" style="display:'none'">
<option>3534</option>
</select>

<select size="1" id="Drop1" style="display:'none'">
<option>tytyyt</option>
</select>

<select size="1" id="Drop2" style="display:'none'">
<option>455445</option>
</select>

<select size="1" id="Drop3" style="display:'none'">
<option>544545</option>
</select>
Avatar billede roenving Novice
18. maj 2003 - 22:23 #4
Du bruger dit object en anelse 'utraditionelt':

    oSelect = document.getElementById('Mainlang');
    FNr = Mainlang[Mainlang.selectedIndex].value;


Prøv (ganske utestet ,-)

    FNr = document.getElementById('Mainlang').selectedIndex;

-- det skulle give dig det rigtige selectedIndex

-- du kan selvfølgelig nøjes med at ændre:

    FNr = oSelect.selectedIndex;

og så bibeholde din oSelect

________________________

Endnu simplere:

</script>

<select name="Mainlang" onChange="Dropper(this);">
<option selected value="6">Choose Module</option>
<option value="0">t0</option>
<option value="1">t1</option>
<option value="2">t2</option>
<option value="3">t3</option>

</select>

-- og så:

function Dropper(o)
{
    FNr = o.selectedIndex;
.
.
.

hth
jes
Avatar billede da_darkside Nybegynder
19. maj 2003 - 14:52 #5
-master-d- > kan rent faktisk ikke se hvad det er du har ændret ? min kode virker ganske fint når jeg laver den uden at sætte <form> udenom :)
Avatar billede da_darkside Nybegynder
19. maj 2003 - 15:02 #6
roenving > tester lige din løsning lidt senere, er lige lidt booket up nu sidder med en opgave som skal være færdig kl 17 ;)
Avatar billede da_darkside Nybegynder
28. maj 2003 - 17:44 #7
roenving > virker - points ?
Avatar billede roenving Novice
28. maj 2003 - 17:50 #8
Muy bueno '-)
Avatar billede roenving Novice
01. juni 2003 - 23:07 #9
Takker for points ;~}
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

IT-JOB

Rambøll Management Consulting

Senior Software Engineer

Politiets Efterretningstjeneste

AI/ML udvikler i PET

AL Sydbank

AI Engineer