Run a function after an on.change event

javascript jquery eventhandler
nobrandheroes picture nobrandheroes · Mar 27, 2015 · Viewed 10.6k times · Source

I have something like this: $('#select1').on('change', function() {}) and it works fine. However, I need to run another function after the function has completed.

I thought about taking the function contents, and putting it in a named function, then taking the second function and doing the same, and placing them in the anonymous function:

$('#select1').on('change', function() {
    function1 ();
    function2 ();
});

However, I was hoping there was another way. The above seems inconsistent with jQuery.

Answer

Giovanni Perillo picture Giovanni Perillo · Mar 27, 2015

Try this:

$('#select1').on('change', function() {
    function1(someVariable, function() {
      function2(someOtherVariable);
    });
});


function function1(param, callback) {
  //...do stuff
  callback();
}

Here is where I found that: Call a function after previous function is complete

Related questions

How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More
Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not?

Mod note: This question is about why Postman is not subject to CORS restrictions in the same way an XMLHttpRequest is. This question is not about how to fix a "No 'Access-Control-Allow-Origin'..." error. Please stop posting: CORS configurations for every …

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More