Trigger Change event when the Input value changed programmatically?

by

Vanilla JS solution:

var el = document.getElementById('changeProgramatic');
el.value="New Value"
el.dispatchEvent(new Event('change'));

Note that dispatchEvent doesn’t work in old IE (see: caniuse). So you should probably only use it on internal websites (not on websites having wide audience).

So as of 2019 you just might want to make sure your customers/audience don’t use Windows XP (yes, some still do in 2019). You might want to use conditional comments to warn customers that you don’t support old IE (pre IE 11 in this case), but note that conditional comments only work until IE9 (don’t work in IE10). So you might want to use feature detection instead. E.g. you could do an early check for:
typeof document.body.dispatchEvent === 'function'.

More Related Contents:

  1. Date Format UTC in javascript [duplicate]
  2. javascript change element from another page
  3. How do I access the link to the content? [closed]
  4. This doesn’t seem right? Javascript isn’t working
  5. How do I check whether a checkbox is checked in jQuery?
  6. Detect all changes to a (immediately) using JQuery
  7. How to go to a specific element on page? [duplicate]
  8. How to delete a localStorage item when the browser window/tab is closed?
  9. ReferenceError: $ is not defined
  10. Using execCommand (Javascript) to copy hidden text to clipboard
  11. How to get the onclick calling object?
  12. jQuery Text to Link Script? [duplicate]
  13. How to do a horizontal scroll on mouse wheel scroll?
  14. How to detect element being added/removed from dom element?
  15. Dashed border animation in css3 animation
  16. CSS3-Animate elements if visible in viewport (Page Scroll)
  17. How to create a responsive image that also scales up in Bootstrap 3
  18. How to focus on a form input text field on page load using jQuery?
  19. jQuery – Redirect with post data
  20. Click on option event
  21. How to replace html element with ajax response?
  22. Trigger standard HTML5 validation (form) without using submit button?
  23. How do I make a move up and down when I’m scrolling the page?
  24. Fade background image in and out with jQuery?
  25. Trying to load local JSON file to show data in a html page using JQuery
  26. How to do something before on submit?
  27. Convert dropdown to selection boxes with color and trigger drop down action
  28. Include html in another html file [duplicate]
  29. How to get an element by its href in jquery?
  30. Keep tabbing within modal pane only

Leave a Comment