如何根据单击的按钮将表单值重置为原始值？

Question

我有一个单独的表单,可以向人们发送电子邮件.有两个按钮可以执行此操作:新建和回复.

按新建:如果要撰写新电子邮件,则页面应使用已在表单中设置的默认输入元素值.这包括那些输入元素的默认属性.
按回复:如果要回复现有电子邮件,则JQuery会在提交之前修改主题字段和收件人字段的值.它还修改了一些隐藏的字段值,并将属性添加readonly到主题字段.

但是,如果有人点击"回复"然后改变主意实际发送新电子邮件,则表示我已丢失表单的所有默认值和属性.我无法手动输入这些值,因为值是动态来自数据库的.

我无法理解如何在页面上切换新建和回复.我猜我可以在有人点击New时重新加载页面,但这是唯一的方法吗？

编辑: 我应该提到我还需要重置隐藏字段的值.当我说"重置"时,我的意思是回到原来的价值......不清楚value属性.

Answer 1

这正是重置方法的作用.

$("#myform")[0].reset();

您还可以通过获取其value属性或其默认值属性来获取输入的默认值(假设您尚未手动更改它们,但您绝不应该这样做.)

var val = $("#theinput").attr("value");

和

var val = $("#theinput").prop("defaultValue");