更改表單內容以感謝您的消息

Question

所以我一直在尋找很多不同的方式來回答表單時收到感謝信息，並意識到有很多方法。

但是，我只想在單擊提交按鈕並提交表單后將 div 框中（表單所在的位置）中的內容更改為感謝消息，而無需刷新頁面或重定向到另一個頁面。 換句話說，表單消失，而是顯示感謝消息。 我該怎么做呢？

我希望它在HeforShe 網站上看起來像。

Answer 1

您只需要在提交表單后設置該值。 您可以使用onsubmit事件來連接表單提交。

 <form onsubmit="sayThanks()">

 function sayThanks() { document.getElementById("thankYouMessageDiv").innerHTML = "Your message"; }