How to call function on button click OR dropdown change jquery

Question

right now, I have an event handler that looks like this

   $('#nextMonth, #prevMonth').click(function() {
      // execute code
   });

but trying to make it look something more like this, but not sure how to write it in a way that works

   $('#nextMonth, #prevMonth').click || $('.yearSelect).change(function() {
      // execute code
   });

so basically, if #nextMonth / #prevMonth is clicked, run the function, or if $('.yearSelect') is changed (a dropdown menu), then execute the code in the function. What would be the correct way to write this?

Rory McCrossan · Accepted Answer · 2019-09-13 07:43:30Z

2

To execute common code from different event handlers, you can move the common code in javascript / jquery function and call it from event handlers

$('#nextMonth, #prevMonth').click(function() {
  commonExecution();
});

$('.yearSelect').change(function() {
  commonExecution();
});

function commonExecution() { 
  // execute code
}

edited Sep 13, 2019 at 7:43

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

answered Sep 13, 2019 at 7:41

Bhushan Kawadkar

28.6k5 gold badges39 silver badges61 bronze badges

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

2 Comments

Bhushan Kawadkar Over a year ago

@Kaddath OP need change event on different element and click event on different element

Kaddath Over a year ago

I need to drink another coffee it seems :D

Collectives™ on Stack Overflow

How to call function on button click OR dropdown change jquery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related