<input>可以获取修改前的值吗?

我有很多个input标签,就是用户的个人信息。在用户修改信息的时候如果修改了一些后又不想修改了就点击取消按钮就返回初始值。如果每个都用一个变量保存原始值的话有点麻烦,请问各位老师input有什么属性可以保存初始值吗?谢谢

5个回答

页面初始化前使用js将原始值存储在一个自定义属性中,点击还原按钮的时候讲初始值替换下当前值

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script>
<div id="dv"><!--要还原的对象放到一个容器里面,只操作这个容器下的-->
    <input type="text" value="1"  /><input type="text" value="2"  /><input type="text" value="3"  />
</div>
<input type="button" value="还原" onclick="restore()" />
<script>
    $('#dv input').attr('initvalue', function () { return this.value})
    function restore() {
        $('#dv input').val(function () { return this.getAttribute('initvalue')})
    }
</script>

刷新页面啊,不就和刚打开没修改前一样了。

deyuzhi
is_thinking 刷新页面的话又请求了一次后台数据库吧,不想重新请求。
接近 5 年之前 回复
 <html>
<body>

<script>
function restore(){   document.getElementById('ipt').value=document.getElementById('ipt').attributes.srcvalue.value;
}
</script>
增加一个srcvalue,页面加载的时候赋上初始值
<input type='text' value='' id='ipt' srcvalue='222'/>
<input type='button' value='恢复' onclick='restore()'/>
</body>
</html>

danielinbiti
danielinbiti 回复is_thinking: 可以初始化的后循环,直接document.getElementByTagName('input')获取所有Inputs
接近 5 年之前 回复
deyuzhi
is_thinking 有很多个input 每个都这样的话感觉有点麻烦
接近 5 年之前 回复

在 获取焦点事件中 存储 这个值。 点击取消的话 恢复这个值,缺点是,不能回复最初始的。只能是前一次

在修改之前将值保存下来。

xmt1139057136
业余草 chang事件
接近 5 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问