Triggering a change event for Internet Explorer

Question

I have several select menus that needs that need to have their change events triggered on page load, so that they can automatically use the change behavior from an on('change', ...) handler.

I have it working fine in Firefox, but apparently this doesn't work in Internet Explorer.

Example

var changeEvent  = new Event('change')
input.dispatchEvent(changeEvent);

I have tried finding alternatives in IE, and this is the closest I've come:

ie_event = document.createEvent('change')

ie_event.initEvent('change', function(e) {
    ...
}, false);

document.dispatchEvent(ie_event);

*The above is from codeproject.com , but it doesn't tell me what to put in the ellipses.

Can someone tell me what's wrong, point me in the right direction, or give me an example?

Answer 1

Would this be of any help?

<script>
    $(document).ready(function () {
          $("#select").on("change",function(){
             //do something
          });

          $("#select").trigger("change");
    });
</script>