Trigger change() event when setting ‘s value with val() function

by

I had a very similar issue and I’m not quite sure what you’re having a problem with, as your suggested code worked great for me. It immediately (a requirement of yours) triggers the following change code.

$('#selectField').change(function(){
    if($('#selectField').val() == 'N'){
        $('#secondaryInput').hide();
    } else {
        $('#secondaryInput').show();
}
});

Then I take the value from the database (this is used on a form for both new input and editing existing records), set it as the selected value, and add the piece I was missing to trigger the above code, “.change()”.

$('#selectField').val(valueFromDatabase).change();

So that if the existing value from the database is ‘N’, it immediately hides the secondary input field in my form.

More Related Contents:

  1. jQuery – Trigger event when an element is removed from the DOM
  2. How to trigger click event on href element
  3. Click event doesn’t work on dynamically generated elements [duplicate]
  4. Definitive way to trigger keypress events with jQuery
  5. How can I recognize touch events using jQuery in Safari for iPad? Is it possible?
  6. How to trigger a click on a link using jQuery
  7. Custom events in jQuery?
  8. How to have click event ONLY fire on parent DIV, not children?
  9. How do I hide an element on a click event anywhere outside of the element?
  10. javascript capture browser shortcuts (ctrl+t/n/w)
  11. Adding event listeners to dynamically added elements using jQuery [duplicate]
  12. jQuery select change event get selected option
  13. How to detect input type=file “change” for the same file?
  14. How do I detect a page refresh using jquery?
  15. Accessing functions bound to event handlers with jQuery
  16. jQuery: get the file name selected from
  17. How do I implement onchange of with jQuery?
  18. onHide() type event in jQuery
  19. Jquery select change not firing
  20. jquery fullcalendar event filtering
  21. How do I explicitly execute default action from jQuery event
  22. jquery Event.stopPropagation() seems not to work
  23. how to unbind all event using jquery
  24. triggerHandler vs. trigger in jQuery
  25. Trigger click jquery not working
  26. Backbone.js Event Binding
  27. Detect paragraph element change with JQuery
  28. Detect user scroll down or scroll up in jQuery [duplicate]
  29. Jquery .on(‘scroll’) not firing the event while scrolling
  30. Chrome file upload bug: on change event won’t be executed twice with the same file

Leave a Comment