问题描述
- <input>可以获取修改前的值吗?
-
我有很多个input标签,就是用户的个人信息。在用户修改信息的时候如果修改了一些后又不想修改了就点击取消按钮就返回初始值。如果每个都用一个变量保存原始值的话有点麻烦,请问各位老师input有什么属性可以保存初始值吗?谢谢
解决方案
页面初始化前使用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>
解决方案二:
<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>
解决方案三:
刷新页面啊,不就和刚打开没修改前一样了。
解决方案四:
在 获取焦点事件中 存储 这个值。 点击取消的话 恢复这个值,缺点是,不能回复最初始的。只能是前一次
解决方案五:
在修改之前将值保存下来。
时间: 2024-09-19 20:43:08