如何根據點擊哪個按鈕將表單值重置爲原始值？

Question

我有一個發送電子郵件給人的單一表格。有兩個按鈕可以執行此操作：新建和回覆。

• 按新建：如果您想撰寫新電子郵件，那麼該頁面應該使用表單中已設置的默認輸入元素值。這包括這些輸入元素的默認屬性。
• 按回復：如果您想回復現有的電子郵件，那麼JQuery會在提交之前修改主題字段和收件人字段的值。它還修改了一些隱藏的字段值，並將readonly的屬性添加到主題字段。

但是，如果有人點擊回覆，然後改變他們的想法實際發送一封新郵件，我已經失去了窗體的所有默認值和屬性。我無法手動輸入這些值，因爲這些值是動態來自數據庫的。

我無法理解如何在頁面上的New和Reply之間切換。我想我可以重新加載頁面，當有人點擊新的但是唯一的方法？

編輯： 我應該提到我需要重置隱藏字段的值以及。當我說「重置」時，我的意思是回到它們的原始值....不清除value屬性。

Answer 1

這正是重置方法的作用。

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

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

您還可以通過獲取其值的屬性或它的默認值屬性來獲取輸入的默認值（假設你沒有手動改變了他們，但你永遠不應該這樣做。）

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

和

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