Onchange input event isn't fired on jquery

Question

I'm working with jquery.

And i have text input in a form, i would like to process the change event.

$("#my_input").change(function(){alert('123');});

the event is fired normally when i edit the field manually, but when i change the field's value with a script (sometimes with an external script) it doesn't work.

is there any solution ?

and thanks in advance.

Does this answer your question? val() doesn't trigger change() in jQuery — Eugen Konkov
– Eugen Konkov, Commented Oct 6, 2021 at 8:46

jwueller · Accepted Answer · 2021-10-11 10:16:32Z

12

The change event is not designed to detect programmatic changes. You can trigger the event manually when setting the value, though:

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

shortcut:

$('#my_input').change();

edited Oct 11, 2021 at 10:16

answered Mar 21, 2012 at 13:06

jwueller

31.1k5 gold badges69 silver badges71 bronze badges

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

3 Comments

Youcef04 Over a year ago

is there an event that fires when the input is changed programmatically ?

jwueller Over a year ago

@Youcef04: No, JavaScript does not support that kind of monitoring. Some other languages have constructs that allow stuff like this, but not in JavaScript.

jwueller Over a year ago

@Youcef04: It would be nice if you could accept this answer if I was able to help you :)

callumacrae · Accepted Answer · 2012-03-21 13:08:38Z

0

Fire them manually, using one of the following two functions:

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

answered Mar 21, 2012 at 13:08

callumacrae

8,45310 gold badges34 silver badges50 bronze badges

Comments

Misam · Accepted Answer · 2012-03-21 13:10:19Z

0

You can use live/delegate to bind your change event

$("#my_input").live('change',function(){alert('123');});

answered Mar 21, 2012 at 13:10

Misam

4,3892 gold badges28 silver badges43 bronze badges

Comments

Mrugen Ramani · Accepted Answer · 2012-03-21 13:11:32Z

0

here is the code

$("input[type='text']").change( function() {
  // check input ($(this).val()) for validity here
});

answered Mar 21, 2012 at 13:11

Mrugen Ramani

646 bronze badges

Collectives™ on Stack Overflow

Onchange input event isn't fired on jquery

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related