Avatar billede Slettet bruger
18. januar 2011 - 09:23 Der er 4 kommentarer og
1 løsning

Fjerne fokus/valgte options i select

Hej,

Jeg har to select-felter på min side af flg. slags:

<select name="nummer_1" size=15>
<option value="1">Valg 1</option>
<option value="2">Valg 2</option>
</select>

<select name="nummer_2" size=15>
<option value="a">Valg a</option>
<option value="b">Valg b</option>
</select>

Jeg ønsker, at evt. valg på "nummer_1" fjernes/ryddes, når man klikker på et option i "nummer_2".

onclick="document.MinForm.nummer_1.blur();" - virker ikke :-s
Avatar billede showsource Seniormester
18. januar 2011 - 10:16 #1
Hvad med disabled istedet for blur ?
onselect="document.MinForm.nummer_1.disabled == true;"

Utestet...
Avatar billede Slettet bruger
18. januar 2011 - 10:25 #2
ser ikke ud til at virke...

Jeg har i forvejen en onClick på min option - som jeg SKAL bruge (ved ikke om det kolliderer med onselect?), men selv uden, så virker det desværre ikke.

Jeg ønsker i øvrigt heller ikke at SELECT "nummer_1" bliver disabled, for den skal man også kunne klikke på. I det tilfælde skal SELECT "nummer_1" så miste fokus.
Avatar billede jakobdo Ekspert
18. januar 2011 - 11:10 #3
Fejlen skyldes, at onselect ikke bruges på en select box, men i et input/textarea til selection af tekst.
onchange er tricket.

Se fuld kode her:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>test</title>
<script type="text/javascript">
function myReset(mySelect){
  document.getElementById(mySelect).selectedIndex = -1;
}
</script>
</head>
<body>
  <form action="" method="post">
    <div>
      <select id="nummer_1" name="nummer_1" size="15">
        <option value="1">Valg 1</option>
        <option value="2">Valg 2</option>
      </select>
    </div>
    <div>
      <select id="nummer_2" name="nummer_2" size="15" onchange="myReset('nummer_1')">
        <option value="a">Valg a</option>
        <option value="b">Valg b</option>
      </select>
    </div>
  </form>
</body>
</html>
Avatar billede Slettet bruger
18. januar 2011 - 11:53 #4
Sweet - det virker perfekt! Tak for hjælpen - og smid gerne svar for point!
Avatar billede jakobdo Ekspert
18. januar 2011 - 12:01 #5
Svar
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