Functie oproepen mbv dropdown selectie

[haaswijk]

Hallo allemaal!

Mijn vraag is wellicht eenvoudig, maar toch is het antwoord na lang zoeken niet te vinden...

Ik probeer al dagen om verschillende javascript functies te triggeren middels een dropdownmenu. Bijvoorbeeld: in de dropdown wordt "Functie A" geselecteerd. Na het klikken op een submitbutton wordt er een bepaalde javascript function uitgevoerd; in dit geval a(). Wordt "Functie B" geselecteerd, dan wordt de functie b() uitgevoerd na het klikken op de submitbutton etc. etc.

De opzet-code staat hieronder, maar weet iemand hoe dit voor elkaar te krijgen is?

BVD!!

[JS]<script type="text/javascript">
function a() {
alert("Dit is functie A")
}

function b() {
alert("Dit is functie B")
}

function c() {
alert("Dit is functie C")
}
</script>[/JS]

<form name="myform" id="myform">
<select name="mylist" id="mylist">
<option>Functie A</option>
<option>Functie B</option>
<option>Functie C</option>
</select>
<input type="button" onclick="a()" value="Submit">
</form>

 

[That Guy]

Het idee:[JS]// als er iets gekozen wordt

// verkrijg de index
// kijk welke functie dit is[/JS]ofwel:[JS]funtion check(elem)
{
var optie = elem.options[elem.selectedIndex].value;

switch(optie)
{
case 'a': a(); break;
case 'b': b(); break;
case 'c': c(); break;
}
}[/JS]maar dan wel met deze syntax van je option-tags:

<option value='a'>Functie A</option>
<!-- etc; een value-attribuut toevoegen dus -->

en als submit:

<input type="submit" onclick="check(document.getElementById('mylist'))" value="Submit">

 

[haaswijk]

Thanks Guy, ik heb je oplossing toegepast en... het werkt als een tierelier

Vraag opgelost!