Jquery onchange does not trigger

Question

$('#selectclassid').trigger("change");
    $('#selectclassid').on('change', function() {
});

I have this format for my onchange manual trigger of on change but the problem is it is not firing. I am wondering because this is the format I see in tutorials. Could there be anything wrong in the format of on change. I am hoping that it will fire on change when the page is loaded. By the way this select option is in a div that is hidden on load.But will show on button click if this event is related to the problem. Any idea is appreciated

nicholaswmin · Accepted Answer · 2015-04-25T03:05:53.347

5

Hm, you seem to be triggering the event before you attach it - try it the other way around

 $('#selectclassid').on('change', function() {
     console.log("fired")
 });

 $('#selectclassid').trigger("change");

edited Apr 25 '15 at 03:05

answered Apr 25 '15 at 02:55

nicholaswmin

21,686
15
91
167

i have a question when my input is readonly even if the pattern is like this the onchange is not firing any idea why? – Pekka Apr 27 '15 at 03:32
Read [this](http://stackoverflow.com/questions/14332972/fire-onchange-event-for-textbox-when-readonly-is-true) - Try googling some questions first - Most of the time it's faster for you to get an answer – nicholaswmin Apr 27 '15 at 04:18

score 0 · Answer 2 · answered Apr 25 '15 at 03:26

0

https://jsfiddle.net/ce5rg9mt/

$( document ).ready(function() {




$("#selectclassid").on('change', function() {
    alert('The option with value ' + $(this).val());
});


     $( "#selectclassid" ).trigger( "change" );

});

answered Apr 25 '15 at 03:26

Bryan Dellinger

4,724
7
33
79

score -2 · Answer 3 · answered Apr 25 '15 at 02:57

-2

Wrap your code inside of the callback function like so:

$('#selectclassid').on('change', function(){
    //code here
});

And then call the trigger afterwards:

$('#selectclassid').trigger('change');

answered Apr 25 '15 at 02:57

Shane Lessard

1

Jquery onchange does not trigger

3 Answers3