jQuery Change event on an element – any way to retain previous value?

by

A better approach is to store the old value using .data. This spares the creation of a global var which you should stay away from and keeps the information encapsulated within the element. A real world example as to why Global Vars are bad is documented here

e.g

<script>
    //look no global needed:)

    $(document).ready(function(){
        // Get the initial value
       var $el = $('#myInputElement');
       $el.data('oldVal',  $el.val() );


       $el.change(function(){
            //store new value
            var $this = $(this);
            var newValue = $this.data('newVal', $this.val());
       })
       .focus(function(){
            // Get the value when input gains focus
            var oldValue = $(this).data('oldVal');
       });
    });
</script>
<input id="myInputElement" type="text">

More Related Contents:

  1. Stop form refreshing page on submit
  2. Clearing using jQuery
  3. How to set file input value when dropping file on page? [duplicate]
  4. Submitting a form on ‘Enter’ with jQuery?
  5. How to send a JSON object using html form data
  6. How to submit an HTML form without redirection
  7. Prevent form redirect OR refresh on submit?
  8. Resize event for textarea?
  9. prevent Scroll bubbling from element to window
  10. Drop-down box dependent on the option selected in another drop-down box
  11. Attach an event in a child iframe to a handler in the parent window
  12. How to prevent page from reloading after form submit – JQuery
  13. Property ‘submit’ of object # is not a function
  14. How do you detect the clearing of a “search” HTML5 input?
  15. Adding rows dynamically with jQuery
  16. Best JavaScript solution for client-side form validation and interaction? [closed]
  17. Change the content of a div based on selection from dropdown menu
  18. how to move a div with arrow keys
  19. How can I get jQuery .val() AFTER keypress event?
  20. Submit form after calling e.preventDefault()
  21. Trigger standard HTML5 validation (form) without using submit button?
  22. jQuery: How to listen for DOM changes?
  23. How do you limit options selected in a html select box?
  24. How can I get all a form’s values that would be submitted without submitting [duplicate]
  25. Trigger standard HTML validation (form) without using submit button? [duplicate]
  26. submit event does not fire if submit initiated programmatically
  27. Get content of span
  28. Fire oninput event with jQuery
  29. copying the value of a form’s file input field to another form’s input field
  30. jquery serialize and multi select dropdown

Leave a Comment