Avatar billede zidane5 Nybegynder
05. december 2011 - 17:46 Der er 4 kommentarer og
1 løsning

Få Onclick funktionen til at virke på <select>

Hej. Er der nogle der kan hjælpe med at få onclick eller onchange funktionen til at virke på følgende kode?

Jeg vil gerne have, at <select name='Spiltype1'> og <select name='Spiltype2'> er skjulte. Når der så trykkes på Systemspil i Spiltype, så popper Spiltype1 op. Og når der trykkes på Under/over i Spiltype:, så popper Spiltype2 op. Håber det giver mening?
<select name='Spiltype'>
<option value=''>Spiltype:</option>
<option value='Single'>Single</option>
<option value='Systemspil'>Systemspil</option>
<option value='Under/over'>Under/over</option>
</select>
<select name='Spiltype1'>
<option value=''>Spil1:</option>
<option value='2/3'>2/3</option>
<option value='2/4'>2/4</option>
<option value='2/5'>2/5</option>
<option value='3/4'>3/4</option>
<option value='3/5'>3/5</option>
<option value='3/6'>3/6</option>
<option value='4/5'>4/5</option>
<option value='4/6'>4/6</option>
<option value='5/6'>5/6</option>
<option value='5/7'>5/7</option>
</select>
<select name='Spiltype2'>
<option value=''>Spil2:</option>
<option value='0.5'>0.5</option>
<option value='1.5'>1.5</option>
<option value='2.5'>2.5</option>
<option value='3.5'>3.5</option>
<option value='4.5'>4.5</option>
<option value='5.5'>5.5</option>
<option value='6.5'>6.5</option>
<option value='7.5'>7.5</option>
<option value='8.5'>8.5</option>
</select>
Avatar billede flope Nybegynder
05. december 2011 - 22:14 #1
Hej.
Hvis du bruger jQuery kan du bruge noget ala:

$('select[name=Spiltype]').change(function() {
$('select[name)Spiltype1]').css'('display', 'block');
});
$('select[name=Spiltype1]').change(function() {
$('select[name)Spiltype2]').css'('display', 'block');
});
Avatar billede zidane5 Nybegynder
05. december 2011 - 23:33 #2
Hvordan skal det stå i selve koden?
Avatar billede JensPeterSvensson Nybegynder
11. december 2011 - 14:02 #3

<script type="text/javascript">
function spiltypeChange(sel){
  var val = sel.value;
  var sp1 = document.getElementById('Spiltype1');
  var sp2 = document.getElementById('Spiltype2');
  sp1.style.display = (val == "Systemspil")?"":"none";
  sp2.style.display = (val == "Under/over")?"":"none";
}
</script>
<select name='Spiltype' onchange="spiltypeChange(this);">
<option value=''>Spiltype:</option>
<option value='Single'>Single</option>
<option value='Systemspil'>Systemspil</option>
<option value='Under/over'>Under/over</option>
</select>
<select id="Spiltype1" name='Spiltype1' style="display:none">
<option value=''>Spil1:</option>
<option value='2/3'>2/3</option>
<option value='2/4'>2/4</option>
<option value='2/5'>2/5</option>
<option value='3/4'>3/4</option>
<option value='3/5'>3/5</option>
<option value='3/6'>3/6</option>
<option value='4/5'>4/5</option>
<option value='4/6'>4/6</option>
<option value='5/6'>5/6</option>
<option value='5/7'>5/7</option>
</select>
<select id="Spiltype2" name='Spiltype2' style="display:none">
<option value=''>Spil2:</option>
<option value='0.5'>0.5</option>
<option value='1.5'>1.5</option>
<option value='2.5'>2.5</option>
<option value='3.5'>3.5</option>
<option value='4.5'>4.5</option>
<option value='5.5'>5.5</option>
<option value='6.5'>6.5</option>
<option value='7.5'>7.5</option>
<option value='8.5'>8.5</option>
</select>
Avatar billede zidane5 Nybegynder
11. december 2011 - 14:33 #4
takker.

Sender du svar med pointgivning?
Avatar billede JensPeterSvensson Nybegynder
11. december 2011 - 15:14 #5
svar
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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