在使用jQuery的時候,有時候我們需要獲取某個表單元素的原始值,以便于后續的操作。今天我們就來介紹如何利用change事件來獲取表單元素的原始值。
首先,我們需要給表單元素綁定change事件:
$('input[name="example"]').on('change', function() {
//處理代碼
});
在change事件的回調函數中,我們可以利用this.value來獲取當前表單元素的值:
$('input[name="example"]').on('change', function() {
var oldValue = this.value;
//處理代碼
});
但是,我們要獲取的是原始值,也就是說是該表單元素初始化時的值。我們可以利用jQuery.data()方法來存儲該初始值:
$('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事件來獲取某個表單元素的原始值了。