CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

triple-x Nybegynder

14. december 2010 - 20:08 Der er 3 kommentarer

Dropdown der fremkalder flere dropdowns

Hej,

Jeg har brug for et lille js script der kan vise flere dropdownbokse.

Eksempel:

Dropdown1(antal)
options: 1,2,3,4,5,6,7,8,9,10

Hvis der vælges 4 i dropdown1 så skal scriptet vise yderligere 4 dropdowns i en div(indholdet i disse dropdowns skal være identisk i alle fire men forskellig fra dropdown1)

Vælges der 2 skal der komme 2 dropdowns frem og så videre.

Jeg har kigget lidt rundt på nettet men har ikke fundet en løsning endnu, jeg har samtidig prøvet at kigge lidt på hvordan andre sites gør det som bruger nogenlunde samme funktion men jeg synes ikke jeg kan få det til at virke.

Håber der sidder en JS haj der kan hjælpe mig.

Synes godt om

DGudiksen Nybegynder

14. december 2010 - 20:28 #1

nu er jeg ikke lige den største javascript haj, men håber at dette muligvis kan hjælpe dig lidt på vej.

<script>
function createdropdown(times, id)
{
i = 1;
while (i <= times) {
old = document.getElementById('para').innerHTML;
new = old + "<select id="+ id +"><option>hej hej<option></select>";
document.getElementById('newboxes').innerHTML = new;
i++;
}
]
</script>
</head>
<body>
<select id="box1"><option onclick="java script: createdropdown(1, box1);">1</option><option onclick="java script: createdropdown(2, box1);">2</option></select>
<div id="newboxes">Nye bokse skulle komme her</div>
</body>

Dette er ikke testet, og sikkert heller ikke helt den måde du laver en select box på i javascript, men det skulle gerne give dig en ide til hvordan det gøres.

Synes godt om

triple-x Nybegynder

15. december 2010 - 19:17 #2

Hej,

Det virke desværre ikke helt, og det ser ud til fejlen netop ligger der hvor du selv påpeger det. Nemlig den måde at laver selectboksen i javascript.

Desværre har jeg heller ikke selv nogen god ide til hvordan det skal laves. Har du mon andre forslag?

Alternativt kunne man lave en løsning hvor hver ekstra dropdown ligger i en div med display:none og så via js aktiveres.

Synes godt om

triple-x Nybegynder

14. januar 2011 - 12:12 #3

Det virker desværre stadig ikke helt efter hensigten.

Er der andre der har noget input? Eller kan du hjælpe mig videre DGudiksen

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS