Why does the jquery change event not trigger when I set the value of a select using val()?

by

Because the change event requires an actual browser event initiated by the user instead of via javascript code.

Do this instead:

$("#single").val("Single2").trigger('change');

or

$("#single").val("Single2").change();

More Related Contents:

  1. jQuery Adding new option to select element doesn't pick up the string [closed]
  2. Use jQuery to change a second select list based on the first select list option
  3. jQuery – auto size text input (not textarea!) [duplicate]
  4. Find all unchecked checkboxes in jQuery
  5. Get index of selected option with jQuery
  6. Force a checkbox to always submit, even when unchecked
  7. Disable select options based on value *through the HTML only!*
  8. Use jQuery to hide a DIV when the user clicks outside of it
  9. jQuery get value of select onChange
  10. How can I simulate an anchor click via jquery?
  11. jQuery removeClass wildcard
  12. HTML5 Canvas 100% Width Height of Viewport?
  13. Selecting elements with special characters in the ID
  14. jQuery .html() vs .append()
  15. jQuery split long ul list in smaller lists
  16. jQuery select change show/hide div event
  17. Get the value of -webkit-transform of an element with jquery
  18. Auto-click button element on page load using jQuery
  19. jQuery autocomplete for dynamically created inputs
  20. jQuery get selected option value (not the text, but the attribute ‘value’)
  21. jQuery checkbox event handling
  22. Draggable div without jQuery UI
  23. How to force an HTML form to validate without submitting it via jQuery
  24. jQuery change placeholder text color
  25. Jquery Multiple load in a DIV
  26. What’s faster for including scripts, using CDN (Google) or storing them locally in website’s root?
  27. Selectable optgroup using select2
  28. Html5 drag and drop on svg element
  29. change the href of a css link via jquery
  30. Can jQuery selectors be used with DOM mutation observers?

Leave a Comment