テキストを末尾に追加する機能が正しく動作しない

Question

次のコードが機能します。しかし、それは "newtext"を示し、それは単に消えます。

誰かが私がなぜ宿泊していないのか教えていただけますか？

Google Chromeを使用してテストしています。

<script language="javascript" type="text/javascript"> 
    function addtext() { 
     var newtext = "\nThis is the new text"; 
     document.myforms.test1.value += newtext; 
    } 
</script> 
<form name="myforms"> 
    <textarea rows="10" cols="20" id="test1"> 
    line one 
    line two 
    line three 
    line four 
    line five</textarea> 
    <button onclick="addtext()">Click Me! to</button> 
</form> 

Answer 1

buttonタグをクリックするとtextarea値がデフォルト値にresetedされた後、あなたのページが更新されますので、あなたはそれを避けるためにtype=buttonを追加する必要があり、デフォルトでtype=submitがあります

<button type="button" onclick="addtext()">Click Me! to</button> 

これが役立つことを願っています。

function addtext() { 
 
    var newtext = "\nThis is the new text"; 
 
    document.myforms.test1.value += newtext; 
 
}

<form name="myforms"> 
 
<textarea rows="10" cols="20" id="test1"> 
 
line one 
 
line two 
 
line three 
 
line four 
 
line five</textarea> 
 
<button type='button' onclick="addtext()">Click Me! to</button> 
 
</form>