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

dugi Nybegynder

12. juni 2006 - 15:12 Der er 3 kommentarer og
1 løsning

Vælge en option i en select (sikkert nemt)

Hejsa,

Jeg vil gerne høre om det overhovedet kan lade sig gøre, at man vælger en <option> i en <select>.

Jeg har følgende:

<select>
<option value="">Vælg en kategori</option>
<option value="3">Familie</option>
<option value="2">Sommerferie</option>
<option value="1">Webcam</option>
</select>

Hvordan kan jeg vha. JavaScript f.eks. vælge "Sommerferie"?
Det skal bruges til at redigere noget information :)

Hvis intet af overstående giver nogen form for mening, så forklare jeg mig gerne om igen :P

Håber der er nogle der kan hjælpe.
På forhånd tak!

- Morten

Synes godt om

mclemens Nybegynder

12. juni 2006 - 16:47 #1

Brug node.selectedIndex=indexnr ... eksempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

</script>

</head><body>

<select id="giverdenligeenid">
<option value="">Vælg en kategori</option>
<option value="3">Familie</option>
<option value="2">Sommerferie</option>
<option value="1">Webcam</option>
</select>

<b onclick="document.getElementById('giverdenligeenid').selectedIndex=2;">Vælg sommerferie</b>
</body></html>

Synes godt om

mclemens Nybegynder

12. juni 2006 - 16:54 #2

... og en mere med gennemløb af options og valg udfra den tekst man kaster videre til funktionen ... dog er det bedre med den første hvis man ved hvilken option nr. man vil vælge ... Nedenstående skal man jo alligevel vide navnet på option'en...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function selectopt(tmp){
tn=document.getElementById("giverdenligeenid");
tn2=tn.getElementsByTagName("option");
for(i=0;i<tn2.length;i++)if(tn2[i].innerText==tmp){tn.selectedIndex=i;i=tn2.length;}
}

</script>

</head><body>

<select id="giverdenligeenid">
<option value="">Vælg en kategori</option>
<option value="3">Familie</option>
<option value="2">Sommerferie</option>
<option value="1">Webcam</option>
</select><br><br>

<b onclick="selectopt('Familie');">Vælg familie</b><br>
<b onclick="selectopt('Sommerferie');">Vælg sommerferie</b><br>
<b onclick="selectopt('Webcam');">Vælg webcam</b><br>
</body></html>

Synes godt om

dugi Nybegynder

12. juni 2006 - 17:03 #3

Den første kan jeg ikke rigtig bruge - nr. 2 er perfekt :)
Mange tak for hjælpen :D

Synes godt om

mclemens Nybegynder

12. juni 2006 - 17:19 #4

Velbekom, og tak for point :)

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