javascript - change event not firing after setting value dynamically - Stack Overflow

admin管理员组

文章数量:1345195

I want to bind change event to textarea(read only) whenever its value is set dynamically by opening popup window.

I am able to set the value, but the change event is not getting fired.

I used below code to bind change event to textarea :

$('textarea[name="Cordinator"]').bind("change", onChangeCordinator);
function onChangeCordinator(){}

I want to bind change event to textarea(read only) whenever its value is set dynamically by opening popup window.

I am able to set the value, but the change event is not getting fired.

I used below code to bind change event to textarea :

$('textarea[name="Cordinator"]').bind("change", onChangeCordinator);
function onChangeCordinator(){}

• javascript
• jquery

Share Improve this question Follow edited Nov 15, 2012 at 11:31 Sheetu asked Nov 15, 2012 at 11:26 SheetuSheetu 8511 silver badge77 bronze badges 5

• can you clarify the term "whenever its value is set". There are a multitude of possibilites to check this, i.e. blur() events – toxicate20 Commented Nov 15, 2012 at 11:27
• its value is set using onclick event on button...which opens the popup window – Sheetu Commented Nov 15, 2012 at 11:30
• still not sure about what you are trying to achieve, could you please insert a bit of html code to clarify the situation (if the answers are not sufficent yet) – toxicate20 Commented Nov 15, 2012 at 11:33
• With later versions of Jquery, the bind function is deprecated. You can use the "on" function instead. – Tom Hubbard Commented Nov 15, 2012 at 11:47
• actually i am still using 1.4 :/ – Sheetu Commented Nov 15, 2012 at 12:06

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

How are you setting the value? By default the change event fires only if the value is changed by the browser user.

If you are setting the value programatically you need to use .trigger('change')

So somewhere in your onclick handler you need:

$('textarea[name="Cordinator"]').trigger('change');

there is a syntax error in your js

change this to

$('textarea[name="Cordinator"]').bind("change", onChangeCordinator);});

this

$('textarea[name="Cordinator"]').bind("change", onChangeCordinator);

UPDATE:

well you need to trigger it manually after setting the value on textarea like this

$('textarea[name="Cordinator"]').val('Set Your Value Here').trigger('change');

DEMO

本文标签： javascriptchange event not firing after setting value dynamicallyStack Overflow