HTML input onchange event

Question

I have an input box (FieldTest) on HTML page, and a javascript function that invoked when the value of the input box is changed.

When changing the value of the input box manually, then the function is triggered, but when I change that by jquery $("#FieldTest").val('Some Text'); Then the onchange function is not triggered!

Any Idea??

Possible duplicate of [trigger click event of div manually](https://stackoverflow.com/questions/19786107/trigger-click-event-of-div-manually) — devlin carnate, Jun 15 '18 at 22:07
You'll need to trigger the event manually if you change the value of the element via jQuery / JS. — devlin carnate, Jun 15 '18 at 22:08
Has already answered https://stackoverflow.com/a/3179392/4500083 — Mini, Jun 15 '18 at 22:09

score 0 · Accepted Answer · answered Jun 15 '18 at 22:09

0

The onchange event is dispatched only if the user is typing in the input and the input loses focus. To dispatch it manually, simply use this line:

$(“#FieldTest”).change();

answered Jun 15 '18 at 22:09

Caleb H.

1,657
1
10
31

score 0 · Answer 2 · answered Jun 15 '18 at 22:09

0

Changing the value programmatically will not trigger an onChange event. You will have to create and dispatch one manually.

answered Jun 15 '18 at 22:09

korona

2,308
1
22
37

HTML input onchange event

2 Answers2