Avatar billede macho Praktikant
24. oktober 2005 - 10:28 Der er 5 kommentarer og
1 løsning

Dropdown med overskrift, som IKKE skal kunne vælges.

I en dropdown box, indeholdende alle 12 måneder, har jeg overskriften "Vælg måned": "<option selected>Vælg måned</option>".

Som det er nu, så er det muligt at vælge denne første option, som er selected. Det jeg gerne vil have, er, at det kun er de 12 andre options, indeholdende månederne, som dropper ned, når der klikkes på "vælg måned". Jeg har set funktionen på vBulletin forum'et, men kan ikke se kildeteksten, for at se nærmere på, hvordan dette gøres.

Anyone?
Avatar billede mini-me Nybegynder
24. oktober 2005 - 10:30 #1
<option disabled> ??
Avatar billede olebole Juniormester
24. oktober 2005 - 11:27 #2
<ole>

Så må du vise et eksempel, for det kan ikke gøres med et select-element  :)

/mvh
</bole>
Avatar billede macho Praktikant
24. oktober 2005 - 11:31 #3
Det virker ikke med <option disabled>. "Vælg måned" hopper med ned alligevel...
Avatar billede macho Praktikant
24. oktober 2005 - 11:51 #4
Beklager jeg har taget jeres tid, men jeg tror det er mig, som har kikket forkert. Årsagen til, at det så ud til, at øverste ikke hoppede ned, er, at det faktisk er en valgt, som allerede står længere nede på listen. Derfor bliver den så øverst, men figurer alligevel længere nede på listen. My mistake...
Lukker spørgsmålet igen...
Avatar billede olebole Juniormester
24. oktober 2005 - 13:10 #5
Du kunne selvfølgelig 'fake' resultatet med:

<script type="text/JavaScript">
function remOpt(sel) {
    if (sel.value==-1) sel.length = sel.length-1;
}
</script>

<select onmousedown="remOpt(this)">
    <option value="1">En tekst 1</option>
    <option value="2">En tekst 2</option>
    <option value="3">En tekst 3</option>
    <option value="4">En tekst 4</option>
    <option value="5">En tekst 5</option>
    <option value="-1" selected="selected">Vælg noget...</option>
</select>
Avatar billede olebole Juniormester
24. oktober 2005 - 13:15 #6
- og så skal du i øvrigt nok gøre sådan:

<script type="text/JavaScript">
function remOpt(sel) {
    if (sel.value==-1) sel.length = sel.length-1;
}
function bla(sel) {
    if (!sel.value) sel.selectedIndex = 0;
}
</script>

<select onmousedown="remOpt(this)" onmouseup="bla(this)">
    <option value="1">En tekst 1</option>
    <option value="2">En tekst 2</option>
    <option value="3">En tekst 3</option>
    <option value="4">En tekst 4</option>
    <option value="5">En tekst 5</option>
    <option value="-1" selected="selected">Vælg noget...</option>
</select>
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