Avatar billede wolfgang Praktikant
25. marts 2004 - 11:30 Der er 13 kommentarer og
1 løsning

Intelligent DropDown

Hej Eksperter,

Jeg har pt. 2 DropDowns.
Mit ønske er nu at på baggrund af et bestemt valg i den første DropDown, skal DropDown Nr. 2 skiftes ud med en 3. med et andet indhold.

Hvordan søren skal dette gribes an ?

Håber der er nogen, der kan hjælpe.


Med venlig hilsen
Wolfgang
Avatar billede mm12010 Nybegynder
25. marts 2004 - 11:32 #1
Avatar billede nute Nybegynder
25. marts 2004 - 11:32 #2
Avatar billede nute Nybegynder
25. marts 2004 - 11:33 #3
øh ... den begynder vidst at blive populær, den side :-D
Avatar billede mm12010 Nybegynder
25. marts 2004 - 11:34 #4
ja, det må jo nok siges at det er den, vi ikke vidste vi manglede ;-)
Avatar billede wolfgang Praktikant
25. marts 2004 - 11:35 #5
Hmmm.. Ikke helt.

I mit tilfælde er DD1 og DD2 ikke afhængig af hinanden.
Hvis en bestemt værdi vælges i DD1, skal DD2 erstattes af DD3.

Giver min forklaring mening, ellers må du endelig sige til.

MVH
Wolfgang
Avatar billede wolfgang Praktikant
25. marts 2004 - 11:35 #6
:D
Avatar billede nute Nybegynder
25. marts 2004 - 11:43 #7
hmm .. den hurtige måde:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function checkSelect( objSel )
{
    var objOption = objSel.options[ objSel.selectedIndex ];
    if( objOption.value == "DD3" )
    {
        document.getElementById( "divDD2" ).style.display = 'none';
        document.getElementById( "divDD3" ).style.display = 'block';
    }
    else
    {
        document.getElementById( "divDD3" ).style.display = 'none';
        document.getElementById( "divDD2" ).style.display = 'block';
    }
}
//-->
</script>
</head>
<body>
<select id="DD1" size="4" onchange="checkSelect( this );">
    <option value="1">Ikke vælg mig</option>
    <option value="2">Ikke vælg mig</option>
    <option value="DD3">VÆLG MIG,  VÆLG MIG !!!</option>
    <option value="3">Ikke vælg mig</option>
</select>
<div id="divDD2" sstyle="display:inline;">
    <select id="DD2"><option>DD2</option></select>
</div>
<div id="divDD3" style="display:none;">
    <select id="DD3"><option>DD3</option></select>
</div>
</body>
</html>

/nute
Avatar billede mm12010 Nybegynder
25. marts 2004 - 11:47 #8
no offence, men jeg ville nok gøre sådan:


function checkSelect(objSel){
    if(objSel=="DD3"){
        document.getElementById("divDD2").style.display='none';
        document.getElementById("divDD3").style.display='inline';
    }
    else{
        document.getElementById("divDD3").style.display='none';
        document.getElementById("divDD2").style.display='inline';
    }
}

...

<select id="DD1" size="4" onchange="checkSelect(this.value);">
Avatar billede nute Nybegynder
25. marts 2004 - 12:25 #9
non taken :-)

strengt taget, så er det jo ikke nogen property på Select objektet, der hedder 'value' ...

/nute
Avatar billede wolfgang Praktikant
25. marts 2004 - 12:56 #10
-> Nute

Vil du ikke oprette et svar, så du kan modtage dine pointz ?

Tusind tak for hjælpen.


MVH
Wolfgang
Avatar billede nute Nybegynder
25. marts 2004 - 13:04 #11
bare hyggeligt.

men smid et svar selv, og del pointsene med mig (behold 70 points selv). Dette er definitivt ikke et svært spm, og når man opretter spm, står der tydelig:

15: Let
30: Medium
60: Svær

Dette er *max* et medium spm (målt i sværhedsgrad)

/nute
Avatar billede roenving Novice
25. marts 2004 - 14:41 #12
>>nute

Det har du nu ikke ret i, for value har været en almindelig property på et select-element siden NS6 kom frem (og den virker helt tilbage på ie4 !-)
Avatar billede roenving Novice
25. marts 2004 - 14:43 #13
Se f.eks. http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/ecma-script-language-binding.html#ID-2017288232

-- du skal lidt ned på siden hvor du finder objektet HTMLSelectElement !-)
Avatar billede nute Nybegynder
25. marts 2004 - 14:44 #14
hmm ... så må jeg sidde og kigge på en antik 1.3 dokumentation hvor der ikke er value på en select:

http://devedge.netscape.com/library/manuals/2000/javascript/1.3/reference/select.html

/nute
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