jQuery – Detect value change on hidden input field

by

So this is way late, but I’ve discovered an answer, in case it becomes useful to anyone who comes across this thread.

Changes in value to hidden elements don’t automatically fire the .change() event. So, wherever it is that you’re setting that value, you also have to tell jQuery to trigger it. 

function setUserID(myValue) {
     $('#userid').val(myValue)
                 .trigger('change');
}

Once that’s the case, 

$('#userid').change(function(){
      //fire your ajax call  
})

should work as expected.

More Related Contents:

  1. How to add additional fields to form before submit?
  2. Get clicked element using jQuery on event?
  3. Onchange open URL via select – jQuery
  4. Accessing functions bound to event handlers with jQuery
  5. How do I implement onchange of with jQuery?
  6. Trigger change() event when setting ‘s value with val() function
  7. Does AJAX loaded content get a “document.ready”?
  8. jQuery 1.8 find event handlers
  9. How to empty input field with jQuery
  10. Jquery select change not firing
  11. jquery mousewheel: detecting when the wheel stops?
  12. Ignore all hidden div but not one in jQuery validation
  13. Fire event on enter key press for a textbox
  14. Get the offset of a hidden element
  15. Determine mouse position outside of events (using jQuery)?
  16. Detect paragraph element change with JQuery
  17. jQuery onchange/onfocus select box to display an image?
  18. Reading the selected value from asp:RadioButtonList using jQuery
  19. Chrome file upload bug: on change event won’t be executed twice with the same file
  20. Hide/Show div on specific page with jquery
  21. Get an element by index in jQuery
  22. How do I make jQuery Contains case insensitive, including jQuery 1.8+?
  23. Jquery Ajax Loading image
  24. jQuery .on does not work but .live does
  25. jQuery Ajax Request inside Ajax Request
  26. How to get the position of a draggable object
  27. How to create a direct link to any fancybox box
  28. Capture 404 status with jQuery AJAX
  29. JQuery, Flot, valuelabels, center
  30. How to include JavaScript files by h:outputScript? [duplicate]

Leave a Comment