how to trigger onchange event of element with javascript in IE without jQuery

Question

I need to trigger onchange event of an input with JS. Right now I'm using this:

document.getElementById("myElement").onchange();

but it seems that IE can not execute that. I know i can trigger it with jQuery, but in this project i cant use it. Is there any other ways to do this?

http://stackoverflow.com/questions/10876152/onchange-not-firing-in-ie — BeNdErR, Nov 28 '13 at 13:41
In IE8 and below you'd normally use the `onpropertychange` event instead — adeneo, Nov 28 '13 at 13:44
this is not a solution in my case. I cant change elements in DOM i just can affect them with JS. — Mincho Minchev, Nov 28 '13 at 13:44
@BeNdErR Your link is useless. The OP says he is not able to use jQuery. — gotqn, Nov 28 '13 at 14:42

waldek_h · Accepted Answer · 2013-11-28T13:50:25.563

5

in IE use fireEvent

document.getElementById("myElement").fireEvent('onchange');

for IE9+ use dispatchEvent

if(document.fireEvent) {
    document.getElementById("myElement").fireEvent('onchange');
} else {
    var event = document.createEvent("HTMLEvents");
    event.initEvent("change",true,false);

    document.getElementById("myElement").dispatchEvent(event);
}

edited Nov 28 '13 at 13:50

answered Nov 28 '13 at 13:45

waldek_h

930
9
16

That was a nice one but still does not work in IE8 and prev. – Mincho Minchev Nov 28 '13 at 14:08
Can You make a fiddle with example code? – waldek_h Nov 28 '13 at 14:42

how to trigger onchange event of element with javascript in IE without jQuery

1 Answers1