deyuzhi
is_thinking
2015-07-31 07:41
采纳率: 86%
浏览 4.4k

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • showbo
    已采纳

    页面初始化前使用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>
    
    
    点赞 评论
  • Tiger_Zhao
    Tiger_Zhao 2015-07-31 07:43

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

    点赞 评论
  • danielinbiti
    danielinbiti 2015-07-31 07:54
     <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>
    
    
    点赞 评论
  • u013219899
    桃桃的小鱼干 2015-07-31 08:08

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

    点赞 评论
  • xmt1139057136
    业余草 2015-07-31 09:53

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

    点赞 评论

相关推荐