首先,我对客户端网络编程完全陌生。这是我正在使用的代码的简化版本。
在脚本的第一部分,我影响了一个文本区域,其中包含文本“为什么要保留此文本”。当用户单击表单的提交按钮时,我尝试将文本区域更改为“Some Other Text\n”。但是剧本的结尾,第一个文本总是回来,我不知道为什么。实际上,看起来页面正在 GetRandomNumber()
函数的末尾重新加载。
<div>
<form>
Number of roll: <input type="number" id="numberOfRoll" value="1"><br>
<input type="submit" value="Get random value" onclick="GetRandomNumber()">
</form>
</div>
<div>
<textarea cols="80" rows=20 id="resultArea"></textarea>
</div>
<script>
initResultArea();
function initResultArea() {
document.getElementById("resultArea").innerHTML="Why is this text staying";
};
function GetRandomNumber() {
var output="SomeOtherText\n";
document.getElementById("resultArea").innerHTML=output;
};
</script>
最佳答案
将按钮类型更改为button
,而不是submit
<div>
<form>
Number of roll: <input type="number" id="numberOfRoll" value="1"><br>
<input type="submit" value="Get random value" onclick="GetRandomNumber()">
</form>
</div>
<div>
<textarea cols="80" rows=20 id="resultArea"></textarea>
</div>
<script>
initResultArea();
function initResultArea() {
document.getElementById("resultArea").innerHTML="Why is this text staying";
};
function GetRandomNumber() {
var output="SomeOtherText\n";
document.getElementById("resultArea").innerHTML=output;
};
</script>
因为它被设置为 submit
,所以每次您按下按钮时,浏览器都会尝试将您的表单提交到网页(尚未定义)。除了调用您的函数之外,它还会执行此操作,这就是页面重新加载的原因。
关于javascript - 运行脚本后 textarea 丢失信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55755809/