Trigger on multiple jQuery events

Question

I am running jQuery 1.9.1 and I want to trigger the same code on two events:

$("#myForm").submit(function() {
  alert("Same code here ...");
});

$("#mySelect").change(function() {
  alert("Same code here ...");
});

I were looking in to the "on" method but as far as I can see, it cannot trigger on two events with separate ID's?

Arun P Johny · Accepted Answer · 2013-07-08 13:14:40Z

3

You need to write it as a separate function and register it with both the event handlers

function handler() {
    alert("Same code here ...");
}

$("#myForm").submit(handler);
$("#mySelect").change(handler):

answered Jul 8, 2013 at 13:14

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

palaѕн · Accepted Answer · 2013-07-08 13:18:44Z

1

Create a new function first like:

function myFunction() {
    alert("Same code here ...");
}

and then pass the reference of the function to the jquery events like:

$('#myForm').submit(myFunction);
$('#mySelect').change(myFunction);

answered Jul 8, 2013 at 13:18

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

With demo and even gave a good hint on "preventDefault" to disable submit action

bipen · Accepted Answer · 2013-07-08 13:15:45Z

0

yup!!! one way is to create a seperate function

$("#myForm").submit(callThis);

$("#mySelect").change(callThis);

function callThis(){
  alert("Same code here ...");
};

answered Jul 8, 2013 at 13:15

bipen

36.6k9 gold badges51 silver badges62 bronze badges