For example we have html input with value="wally":
<input type="text" value="wally" />
How to get this old "wally" value (using jQuery) after user change it?
I tried to get it with .attr(), .prop(), .val() but all of them return the new value, which user entered.
You may test the code on jsfiddle. Try to change input value and click "get" blue button.
P.S. jQuery 1.7.2 included into the jsfiddle.
Use defaultValue of the underlying DOM element:
var input = $(this).closest('form').find('input');
console.log(input[0].defaultValue);
And of course, if you're using jQuery 1.6 or higher, you can use prop('defaultValue') for that (and in earlier versions, attr('defaultValue') probably works):
var input = $(this).closest('form').find('input');
console.log(input.prop('defaultValue'));
.getAttribute('value')?
defaultValue has worked for 15 some-odd years. I think I tried getAttribute and found it to be unreliable, but I'd have to do an experiment to be sure.getAttribute('value') wrong, all the way through IE8 (even when IE8 is in "standards" mode). IE9 in standards mode gets it right. jsbin.com/usudetTo remember the value before it was changed..
$('input').focusin(function(){
$(this).data('oldValue', $(this).val());
});
And get it back using..
$('input').change(function(){
var old = $(this).data('oldValue'); //old value
var new = $(this).val(); //new value
})
See working example here.
Use element.defaultValue; Where element is of course the input field. If using JavaScript to fill the element in the first place, just add a new data attribute.
For example data-defaultValue='wallie'
You could store default value in a data-container for the input element, then update that data-value when user clicks the get button (unless you always want to have access to default value and not just the last value).
Fiddle: http://jsfiddle.net/DA67p/4/
You could use another attribute like :
<input type="text" value="wally" oldVal="wally" />
And then use
input.attr('oldVal');
There are enough answers to this question. But there is another work around which will be helpful if you need the old value in code behind or server side.
Add a hidden field with the same value to your page. So if you need the old value use hidden field's value. Doing this you will get the old value both in client side as well as server side.
