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

Question

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

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

但是，如果有人单击“回复”，然后改变主意实际发送一封新电子邮件，我就会丢失该表单的所有默认值和属性。我无法手动输入这些值，因为这些值动态来自数据库。

我不知道如何在页面上的“新建”和“回复”之间切换。我想当有人单击“新建”时我可以重新加载页面，但这是唯一的方法吗？

编辑:我应该提到我还需要重置隐藏字段的值。当我说“重置”时，我实际上是指返回到它们的原始值......不清除 value 属性。

Answer 1

这正是重置方法的作用。

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

https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement.reset

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

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

和

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