將表單字段輸出到textarea的JavaScript以輸出textarea結尾，但立即清除它自己？

Question

這裏是我的問題的簡要說明：

我有一個JavaScript函數獲取一堆表單字段的值，然後將它們組合到另一個名爲outputArea的變量中，然後使用相同的函數來更改值一個名爲「outputArea」的textarea與我爲JScript中的outputArea創建的值（document.thisForm.outputArea.value = outputArea）。

但是當我按下調用該函數的「Make My Notes」按鈕時，它抓住變量，命中我的警報以轉儲變量以確保其工作，然後輸出到表單字段，我希望它。但是，在函數完成後立即清除它自己。本身，我的意思是整個表格清除，包括outputArea。

我已經多次查看過我的源代碼，並有0個引用重置按鈕或任何應該在函數調用後清除這些值，所以我很茫然。

下面是我的函數：

<script type="text/javascript"> 
    function getNotes() { 
     var spokeTo = document.thisForm.spokeWith.value; 
     var problemWith = document.thisForm.problemWith.value; 
     var resolvedBy = document.thisForm.resolvedWith.value; 
     var thisTech = document.thisForm.techName.value; 
     var liveChat = document.thisForm.onLiveChat.value; 
     var passTo = document.thisForm.passTo.value; 
     var fSpace = ". "; 
     var fSign = " - "; 

     alert(spokeTo + problemWith + resolvedBy + thisTech); 

     outputValue = 'Spoke with: ' +spokeTo + fSpace + problemWith + resolvedBy + passTo + fSign + thisTech; 
     document.thisForm.outputArea.value = outputValue; 
     alert('DISMISS'); 
    } 

調用該函數的按鈕簡單：

<input type="submit" class="button" value="Make My Notes!" onClick="javascript:getNotes();" tabindex="4" style="margin-right:1em;" /> 

和輸出領域：

<textarea name="outputArea" id="outputArea" onClick="this.select();" readonly="yes"></textarea> 

我加警報（'DIS小姐'）;嘗試查看是否可以通過強制用戶按下OK鍵來暫時停止表單，但奇怪的是，它在調用document.thisForm.outputArea.value = outputValue之前調用Alert，我不明白。在它調用並輸出之後，它立即清除EVERY表單字段。這是目前在整個頁面上唯一的javascript功能，並且在任何地方都沒有重置按鈕。

我已經完成了這個噸之前，實際上有一個類似的方法運行和正常工作的應用程序，所以我完全困惑。我在這裏做錯了什麼？

我非常感謝任何花時間爲我着想的人。乾杯!

Answer 1

這實際上在我看來像你的頁面刷新自己，因爲按鈕正在執行提交操作。您onClick事件改成這樣：

onClick="getNotes(); return false;" 

因爲這是產生一個POST請求（可能是本身），頁面加載，就好像是第一次。