Avatar billede ssv Nybegynder
07. august 2008 - 14:13 Der er 8 kommentarer og
1 løsning

Hente værdi til et inputfelt fra en dropdown

Hello,

Nu ved jeg ikke om dette er den korrekte kategori at poste dette spørgsmål i, men jeg ved der sidder en masse kloge hoveder her, så det bør kunne lade sig gøre :-)

Jeg skal hente en værdi fra en dropdown til et input-felt der indgår i en søge-form. Da selectboxe ikke er så glade for styling har jeg lavet det på denne måde. Idéen bag er at jeg skal kunne hente en værdi (kategori 1, kategori 2 osv.) fra dropdownen direkte ind i inputtet, som så kan bruges i søgeformen. I princippet skal det fungere som et andet eksempel jeg har lavet (http://proads.dk/simon/select.html), hvor jeg dog ikke er særlig glad for det endelige resultat. Derfor den anden version :-)

Siden kan findes her: http://proads.dk/simon/select/
Avatar billede w13 Novice
07. august 2008 - 14:28 #1
Tjoeh. Det kan gøres på mange måder afhængigt af, hvordan resten er bygger op.

Men på http://proads.dk/simon/select ser det da slet ikke ud som om, du bruger en rigtig select. Og så kan du jo ikke bruge råd om at overføre fra en select til et inputfelt. :)

Det skulle ellers gøres således med JavaScript (ikke CSS, der ikke kan bruges til funktionalitet):

document.getElementById('inputfelt-id').value=document.getElementById('select-id').options[document.getElementById('select-id').selectedIndex].value;
Avatar billede ssv Nybegynder
07. august 2008 - 14:32 #2
Korrekt at jeg ikke bruger en select på http://proads.dk/simon/select, det gør jeg derimod på http://proads.dk/simon/select.html, hvor jeg dog ikke er tilfreds med resultatet. Det http://proads.dk/simon/select jeg vil arbejde videre med, da det også gi'r mig den bedste mulighed for at style indholdet.

Vil du prøve at sætte et eksempel op? Jeg er alt andet end skrap til at bruge javascript :-)
Avatar billede w13 Novice
07. august 2008 - 14:50 #3
Så skal vi først lige have fastslået:

Du vil hente indholdet af et a-element, ikke et option-element?

Læg følgende på dine a-elementer:

href="java script:document.getElementById('category').firstChild.nodeValue=this.firstChild.nodeValue;void(0)"
Avatar billede ssv Nybegynder
07. august 2008 - 14:54 #4
Præcis. Jeg har opdateret http://proads.dk/simon/select med den ovenstående kode - hvad er næste skridt?
Avatar billede w13 Novice
07. august 2008 - 15:22 #5
At rette den JavaScript-fejlmeddelelse, der kommer op, så det kommer til at virke. =)

Prøv at ændre href til onclick og fjerne java script:
Avatar billede w13 Novice
07. august 2008 - 15:24 #6
Uh, ok. Fejlen er lokaliseret.

Brug i stedet:

href="java script:void(0)" onclick="document.getElementById('category').value=this.firstChild.nodeValue"
Avatar billede w13 Novice
07. august 2008 - 15:24 #7
Men du bør nok selv slå Visning af JavaScript-fejl til, når du arbejder med JS, medmindre du da allerede har det.
Avatar billede ssv Nybegynder
07. august 2008 - 15:38 #8
Det virker jo genialt. Tak for din tid :-)
Avatar billede w13 Novice
07. august 2008 - 15:39 #9
Og tak 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