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

时间:2013-12-11 15:04:13

标签: jquery

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

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

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

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

修改 我应该提到我还需要重置隐藏字段的值。当我说“重置”时,我的意思是回到原来的值......不清楚value属性。

1 个答案:

答案 0 :(得分:6)

这正是重置方法的作用。

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

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

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

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

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