在使用jQuery的時(shí)候,有時(shí)候我們需要獲取某個(gè)表單元素的原始值,以便于后續(xù)的操作。今天我們就來(lái)介紹如何利用change事件來(lái)獲取表單元素的原始值。
首先,我們需要給表單元素綁定change事件:
$('input[name="example"]').on('change', function() {
//處理代碼
});
在change事件的回調(diào)函數(shù)中,我們可以利用this.value來(lái)獲取當(dāng)前表單元素的值:
$('input[name="example"]').on('change', function() {
var oldValue = this.value;
//處理代碼
});
但是,我們要獲取的是原始值,也就是說(shuō)是該表單元素初始化時(shí)的值。我們可以利用jQuery.data()方法來(lái)存儲(chǔ)該初始值:
$('input[name="example"]').each(function() {
$(this).data('initialValue', this.value);
});
$('input[name="example"]').on('change', function() {
var initialValue = $(this).data('initialValue');
var currentValue = this.value;
//處理代碼
});
這樣,我們就可以利用change事件來(lái)獲取某個(gè)表單元素的原始值了。