Avatar billede 13thsky Nybegynder
07. marts 2005 - 15:03 Der er 4 kommentarer og
1 løsning

2 afhængige drop down

jeg ved det spørgsmål er stillet meget lignende.
Men jeg vil gerne ha den SIMPLESTE form for kode overhovedet for at lave den drop down som alt efter hvad man vælger, viser noget nyt i en anden drop down.

/13
Avatar billede roenving Novice
07. marts 2005 - 15:18 #1
Hvor komplicerede er dine data ?-)

Ellers må det blive sådan:

<script language="javascript" type="text/javascript">
var vals = new Array();
vals[0] = ['0-1','0-2'];
vals[1] = ['1-1','1-2','1-3'];
vals[2] = ['2-1','2-2'];
vals[3] = ['3-1','3-2','3-3','3-4','3-5','3-6'];
vals[4] = ['4-1','4-2'];

function skiftVals(sel){
  var sel2 = document.getElementById('sel2'),num = +sel.value;
  sel2.length = 1;
  sel2.options[0].text = "Vælg " + num;
  for(i=0;vals[num].length>i;i++){
    sel2.options[i+1] = new Option(vals[num][i],i+1);
  }
}
</script>

<form id="minForm" name="minForm">
<select name="minSelect" id="minSelect" onchange="skiftVals(this);">
    <option value="0">Grundværdi<br>
    <option value="1">Værdi nr. 1<br>
    <option value="2">Værdi nr. 2<br>
    <option value="3">Værdi nr. 3<br>
    <option value="4">Værdi nr. 4<br>
</select>
<select name="sel2" id="sel2">
  <option value"0">Vælg 0</option>
  <option value"1">0-1</option>
  <option value"0">0-2</option>
</select>
</form>
Avatar billede 13thsky Nybegynder
07. marts 2005 - 18:14 #2
ja, netop sådan et svar jeg ville ha (c:
Kan du også hjælpe mig med at gøre sådan at det kun er hvis to af mulighederne i første dropdown, at den anden dukker op?
Avatar billede roenving Novice
07. marts 2005 - 18:28 #3
-- dem, som hedder 1 og 2 ?-)

Sæt style="display:none" på sel2, og tilføj disse linjer til starten af funktionen:

function skiftVals(sel){
  var sel2 = document.getElementById('sel2'),num = +sel.value;
  if(num==0&&num>2){
    sel2.style.display = 'none';
    return;
  }
  sel2.style.display = 'inline';
  sel2.length = 1;

...

-- Velbekomme '-)
Avatar billede 13thsky Nybegynder
07. marts 2005 - 19:05 #4
perfekt tak

/13
Avatar billede roenving Novice
07. marts 2005 - 19:07 #5
-- og jeg takker for point ;~}
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