附加文本以结束不正常工作的功能

Question

以下代码有效。然而，它显示了“新文本”，然后它就会消失。

有人可以告诉我为什么不留下来？

我正在使用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标记默认为type=submit，因此您的页面会在点击后刷新，并且textarea值将重置为默认值，您应该添加{{1避免这种情况：

type=button

希望这有帮助。

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

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