Søg
Avatar billede jakobsen Nybegynder
18. marts 2006 - 11:04 Der er 7 kommentarer og
1 løsning

select box 2 efter select box 1

Hej

Jeg har 2 select boxe,den første med tallene fra 1 -> 9
nr. 2 skal så være udfra den første dvs.

hvis man vælger 5 i den første må man max kunne vælge
1->5 i nr 2, hvis man vælger 7 så max 1 -> 7.

Findes der en smart måde med js at gøre det?
Avatar billede stiness Nybegynder
18. marts 2006 - 11:28 #1
Hmm.. mon følgende kan bruges til noget?:} -Stine

<HTML>
<HEAD>
<SCRIPT>
function js_select() {
    // First select:
    var selectedVal1 = -1;
    try {
    selectedVal1 = document.getElementById("SEL1").value;
    } catch (error) { }
    var html = "<SELECT ID=\"SEL1\" ONCHANGE=\"java script: js_select();\">";
    for (var i = 1; i <= 9; i++) {
    html += "<OPTION VALUE=\"" + i + "\" " + ((i == selectedVal1) ? "SELECTED" : "") + ">" + i + "</OPTION>";
    }
    html += "</SELECT>&nbsp;";
    // Second select:
    var selectedVal2 = -1;
    try {
    selectedVal2 = document.getElementById("SEL2").value;
    } catch (error) { }
    html += "<SELECT ID=\"SEL2\">";
    for (var i = 1; (i <= 9) && ((selectedVal1 == -1) || (i <= selectedVal1)); i++) {
    html += "<OPTION  VALUE=\"" + i + "\" " + ((i == selectedVal2) ? "SELECTED" : "") + ">" + i + "</OPTION>";
    }
    html += "</SELECT>";   
    document.getElementById("SEL_DIV").innerHTML = html;
}
</SCRIPT>
</HEAD>
<BODY ONLOAD="java script: js_select();">
<DIV ID="SEL_DIV"></DIV>
</BODY>
</HTML>
Avatar billede jakobsen Nybegynder
18. marts 2006 - 11:52 #2
har du et eks. hvor <select><option> osv er med ?
Avatar billede stiness Nybegynder
18. marts 2006 - 11:54 #3
Eksempel? Hvis du putter koden inde i en index.html og åbner den i et browser, har du et eksempel:) Hvad vil du gerne have det sat ind i da?
Avatar billede stiness Nybegynder
18. marts 2006 - 11:58 #4
"ind i" og "en browser" sæføli>) Ku bare ikke lige holde det ud;)
Avatar billede stiness Nybegynder
18. marts 2006 - 12:44 #5
Gav du op?:)
Avatar billede roenving Novice
20. marts 2006 - 01:27 #6
Hrm, det kan da laves adskilligt lettere:

<script type="text/javascript">
function updateSel(sel){
  var sel2 = document.getElementById("sel2");
  sel2.length = 0;
  if(sel.selectedIndex == 0)
    sel2.options[0] = new Option("Vælg i den første selectboks");
  else
    for(i=1;sel.value>=i;i++)
      sel2.options[sel2.length] = new Option(i,i);
  }
}
</script>

<select id="sel1" onchange="updateSel(this);">
  <option>-- Vælg antal --</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
</select><br>
<select id="sel2">
  <option>Vælg i den første selectboks</option>
</select>

-- og det undgår i øvrigt alle potentielle fremtidsproblemer med innerHTML !-)
Avatar billede jakobsen Nybegynder
20. marts 2006 - 15:02 #7
roenving: sådan noget som dit søger jeg.

men har du setet det? det virker ik her? javascript fejler når
den skal update..
Avatar billede roenving Novice
20. marts 2006 - 15:49 #8
Jeg har kun testet det umiddelbart i editoren, for der er intet, som ikke burde virke i alle nyere browsere (men der hører f.eks. IE/mac vist heller ikke til !-)

-- argh, jeg havde glemt at konsekvensrette helt igennem, for jeg fjernede en stribe overflødige tuborger ...

Bare fjern den sidste før </script>, så kører det !o]
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 09:37 hvilken AI synes I er bedst? Af jcr18 i Andre onlineløsninger
22/0518:51 Pausepil på youtube i chrome Af valby i Browsere
22/0511:42 Mail med endelsen ".lat" Af ErikHg i E-mail
21/0511:48 Nyåbnede sider flimrer på Android tablet, hvorfor Af annam i Andet software
21/0511:03 Bitlocker fordele-ulemper, samt nulstille PC Af Uvanga i Windows
White papers
Flere white papers »