make toggle switch trigger a js function

[makata]

in jqm, this is a working toggle switch:

<form name="BRAND" ><select data-role="slider" name="MODEL"  id="test"><option value="off">sedan</option><option value="on"> sportster</option></select> </form>

and this is a way of making the switch trigger a function

slidestop triggered at the end of an interaction with the slider. Includes drags and taps.

$( ".selector" ).on( 'slidestop', function( event ) { ... });

how to connect them? I have tried using this

<script>$( ".selector" ).on( 'slidestop', myFunction()) function myFunction()document.write("works!")</script>

and this

$( "#testo" ).on( 'slidestop', myFunction())function myFunction()document.write("works!");

the former works before triggering, and the latter, where i try to connect the event to more specifically a switch with id="testo", it never works.

Edited February 2, 2013 by makata

[jeffman]

1. Neither of those is a correct function definition, because you have forgotten {braces}. A function should look like this:

function myFunction () {   alert("Hello!");}

Since document.write() was not enclosed in a function, it was executed immediately. 2. Using document.write() will overwrite your document, including your script. Everything will vanish except the text you are writing. To verify that your function is being called, use alert(). EDIT. Do you mean for the id to be #testo or #test ? In your HTML the id is test.

Edited February 2, 2013 by Deirdre's Dad

[dsonesuk]

you should use change event for on() for dropdown list, example:

$('#test').on('change' , function(){alert( $(this).val() );});