我有一个由多个文本框和四个按钮组成的转发器。这四个按钮是:
i)编辑 ii)删除 iii)保存更改 iv)取消
前两个按钮显示在页面加载上,后两个按钮被隐藏。
单击编辑按钮后,文本框(之前已禁用)将被启用,前两个按钮将被隐藏,而后两个按钮将被显示。
到那里,一切正常。问题是,如果用户更改其中一个文本框的内容并单击“取消”而不是“保存更改”,则内容将保留更改。
幸运的是,这些更改并未保存在数据库中,因此它更像是一个视觉效果,但它很烦人。在这种情况下,我希望内容在用户进行更改之前返回,然后单击“取消”按钮。
我该怎么办呢?
我尝试使用history.go(0)但它不起作用。
以下是取消按钮的代码:
<input type="button" value="Cancel" class="ButtonCancel" onclick="history.go(0)" />
答案 0 :(得分:2)
您可以重新查询数据库,也可以使用客户端脚本在任何更改之前保存状态,然后在按下按钮时恢复旧的文本框值。
答案 1 :(得分:1)
将旧值保存在编辑点击事件中。在取消事件中,将旧值重新放入。
答案 2 :(得分:0)
当用户单击编辑按钮时,您可以将文本框的内容保存在隐藏字段中。 当他点击取消按钮时,将隐藏字段中的先前值带到文本框。
<script language="javascript" type="text/javascript">
function edit_onclick() {
form1.hisotry.value = form1.Text1.value;
}
function cancel_onclick() {
form1.Text1.value = form1.hisotry.value;
}
</script>