Call multiple functions from one event with unobtrusive javascript

Question

I have an input element

<select id="test"></select> 

when changing I want to call several functions

 $('#test').change(function1, function2); 

now only alerts apply.

 var function1 = function(){alert('a');}; var function2 = function(){alert('b');}; 

Only the second function is called. I know this because of warnings and brake points. I know that one way to fix this would be to call function1 and function2 from another function, but I would like to avoid it.

Answer 1

I prefer not to use anonymous functions, so I would create a new function and put all the work inside it.

 $('#test').change(onSelectChange); var onSelectChange = function() { function1(); function2(); } 

Answer 2

You can always link them:

 $('#test').change(function1).change(function2); 

DEMO: http://jsfiddle.net/dirtyd77/uPHk6/11/

Answer 3

You can do it -

 $('#test').change(function1); $('#test').change(function2); 

Answer 4

You can do it as follows:

 $('#test').change(function(){function1(); function2();}); 

Answer 5

Why not try something like:

 $('#test').change(function(){ function1(); function2(); };