Avatar billede hauge1212 Nybegynder
05. august 2008 - 14:37 Der er 6 kommentarer og
1 løsning

Dropdown boks med valg af nogle

Jeg vil gerne lave en drop down boks, hvor det kun skal være muligt at vælge nogle af punkterne, men ikke alle der er tilsyne.

Istedet for den alert der fremkommer, skal der noget med, som gør at den ikke vælger den givne option hvor value er lig ""??

<script>

function checkOption(value)
{
  if (value != "") {
      return alert("Tjek!");
  }
 
  else {
    // do something
  }
}

</script>

<form>
<select>
        <option value="noget" onMouseOver="checkOption(this.value)">egege</option>
        <option value="andet" onMouseOver="checkOption(this.value)">egege1</option>
        <option value="" onMouseOver="checkOption(this.value)">egege2</option>
</select>
</form>
Avatar billede w13 Novice
05. august 2008 - 14:39 #1
Hvad skal der så ske, hvis man klikker på en, der ikke må klikkes på? :) En eller anden skal jo vælges, når man klikker.
Avatar billede roenving Novice
05. august 2008 - 14:40 #2
optgroups ?-)

-- og options er ikke selvstændige elementer, du kan kun checke på select-elementet ved valg, hvis det skal være bare nogenlunde cross-browser !-)
Avatar billede w13 Novice
05. august 2008 - 14:43 #3
Onmouseover er vel også lidt mærkeligt. Så kommer beskeden vel hele tiden op.

I denne kode sker det ved onclick, og hvis værdien ikke må vælges, vælges første option i stedet.

Bemærk i øvrigt, at jeg har lagt type="text/javascript" på script-tag'et, da dette kræves.

<script type="text/javascript">
function checkOption(o){
  var s=o.options[o.selectedIndex].value;
  if(s==""){
    o.selectedIndex=0;
  }else{
    // do something
  }
}

</script>

<form>
<select onchange="checkOption(this)">
        <option value="noget">egege</option>
        <option value="andet">egege1</option>
        <option>egege2</option>
</select>
</form>
Avatar billede hauge1212 Nybegynder
05. august 2008 - 15:34 #4
Jo, men her ser det stadig ud som om man har valgt en option uden value, det skal den ikke.

Var også igang med optgroup, men kunne ikke style den så det så ud som en almindelig option.
Avatar billede w13 Novice
05. august 2008 - 15:42 #5
"her ser det stadig ud som om man har valgt en option uden value"
- hvad mener du her?
Hvad skal den gøre i stedet så?
Avatar billede w13 Novice
05. august 2008 - 15:45 #6
Min kode vælger jo option nr. 1, når man vælger én uden value.
Så ser det vel ikke ud, som om man har valgt en uden value?
Avatar billede hauge1212 Nybegynder
09. oktober 2008 - 11:13 #7
Du har ret, det er nok den bedste måde at gøre det på.
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