CODEWITHSUNDEEP
javascriptjquery
Gunner
Gunner

Reputation: 917

JQuery detecting Programatic change event

If i do jQuery(expr).change( function), then I can get an event function to fire when the user makes a change to the value.

Is it possible to get this to fire if it's changed programatically, ie if I call jQuery(expr).val("moo").

or if some Plain old JavaScript changes it's value?

Thanks for any help.

Upvotes: 12

Views: 4747

Answers (3)

Sander Versluys
Sander Versluys

Reputation: 74477

After you've changed the value, you can fire the event yourself, and thus calling all the 'onchange' handlers.

jQuery('#element').change();

Upvotes: 15

Kaiesh
Kaiesh

Reputation: 1052

jQuery v1+ supports the programmatic triggering of handlers - I have used this method as opposed to the .change() method as it allows for multiple other handlers to be fired if needed (e.g. some custom handlers). API Documentation is at: http://api.jquery.com/trigger/

Upvotes: 1

Adam Bellaire
Adam Bellaire

Reputation: 110499

Changing the value directly in JS doesn't hook into anything which jQuery can listen for to trigger the change event. Like Sander says, you can fire the event handler yourself. If you don't have control over other code modifying these values and that isn't an option, you're kind of out of luck. The only other option which might work would be to have an observer watch the value on an interval using setTimeout, which is really messy and probably not a good idea.

Upvotes: 5

Related Questions