Question

这不显示初始值，但保留以前的数据：

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

并且这不会存储以前的值，但会显示初始值1：

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

我不能同时拥有它们吗？

选择元素怎么样？

<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

您需要在更改之前捕获旧值。一种方法是：

当一个对象获得焦点时，在临时变量中获取它的值。
如果更改了对象值，则获取其他变量中的值。

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>');
});

用户提交表单后，如何显示初始值并显示上一个值

1 个答案: