Avatar billede jamola Nybegynder
04. juni 2002 - 15:01 Der er 8 kommentarer og
1 løsning

"onclick"-handler i <OPTION>

Jeg har oplevet at en konstruktion, som denne ikke virker:

<select name="art">
<option value="2">ART 1</option>
<option value="2" onclick="javascripfunktion();">ART 2</option>

Her er problemet at javascriptfunktionen ikke udføres. Bliver "onclick"-handleren ikke accepteret i forb. m. OPTION, som den burde i følge manualer?

</select>
Avatar billede o-zone Nybegynder
04. juni 2002 - 15:05 #1
Om ikke andet, så kunne du vel lave en onChange på select, der checker index på selectboxen, og handler derefter?
Avatar billede o-zone Nybegynder
04. juni 2002 - 15:15 #2
f.eks.:
---8<----------
<html>
<body>
<script language="javascript">
function checkSelect(sel)
{
    if (sel.selectedIndex == 1) {
        alert("Du har nu valgt biler");
    }
    else if (sel.selectedIndex == 2) {
        alert("Du har nu valgt både");
    }
}
</script>
<form>
    <select onChange="checkSelect(this); return true;">
        <option>vælg her</option>
        <option>biler</option>
        <option>både</option>
    </select>
</form>
</body>
</html>
---8<----------
Jeg ved ikke om det er kønt, men det virker i hvert fald (håber jeg da ;-) )
Avatar billede jamola Nybegynder
04. juni 2002 - 15:37 #3
Option-listen bliver skabt dynamisk (i php), så jeg kan ikke bruge "onChange".
Avatar billede skovenborg Nybegynder
04. juni 2002 - 16:13 #4
Kan du ikke lave onClick sådan;
<select name="art" onClick="tralala();">
Avatar billede o-zone Nybegynder
04. juni 2002 - 18:11 #5
teknisk set kan du jo stadigvæk lade dit PHP lave javascriptet dynamisk - men jeg vil give dig ret i at det bliver lidt langhåret! :-(
Avatar billede atn Nybegynder
05. juni 2002 - 11:08 #6
Heysa !

Du kan godt bruge onchange...til kald af forskellige functioner...
Du kan lægge dit functionskald i value og bruge "eval" til at evaluere det som et javascript...derved får du mulighed for at kalde forskellige functioner på dine forskellige "options"...

venligst

<ATN/>

*****| code start |*****

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Untitled</title>
    <script language="javascript" type="text/javascript">
    function nummer1() {
        alert('Nummer 1')
    }
   
    function nummer2() {
        alert('Nummer 2')
    }
   
    function nummer3() {
        alert('Nummer 3')
    }
    </script>
</head>

<body>
<form>
<select name="art" onchange="eval(this.options[this.selectedIndex].value)">
    <option value="false">Vælg...</option>
    <option value="nummer1()">Art 1</option>
    <option value="nummer2()">Art 2</option>
    <option value="nummer3()">Art 3</option>
</select>
</form>
</body>
</html>
Avatar billede o-zone Nybegynder
05. juni 2002 - 23:11 #7
atn>> RESPEKT!!! Det var godt nok fikst fundet på! :-)
Avatar billede atn Nybegynder
05. juni 2002 - 23:31 #8
Takker og bukker ! ;o)
Avatar billede atn Nybegynder
14. marts 2007 - 11:02 #9
..eller...? ;o)
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