如何顯示的初始值，並顯示前值一旦用戶提交表單

Question

這並不表明初始值，但保留以前的數據：

<input type="text" name="email" value=""> 

，這不存儲前值，但顯示了一個初始值爲1：

<input type="text" name="email" value="1"> 

我不能同時擁有兩個嗎？

那麼select元素呢？

<select name="list"> 
<option value="a">a</option> 
<option value="b">b</option> 
<option value="c">c</option> 
<option value="d">d</option> 
</select> 

Answer 1

您需要在更改之前捕獲舊值。一種方法是：

1. 當對象獲得焦點時，請將其值存儲在臨時變量中。
2. 如果對象值發生變化，則將該值存入其他變量中。

var oldValue = null;

var newValue = null; 

$(".myClass").focus(function() { 
    oldValue= this.value; // "this" is the <input> element 
}); 

$(".myClass").change(function() { 
    newValue= this.value; 
}); 

$('.myClass').keyup(function() { 
    $('#newValue').html('<b>' + $(this).val() + '</b>'); 
});