javascript - 我尝试使用 jscript 从另一个文本区域复制数据后清除文本区域,但无法清除第二个文本区域

标签 javascript jquery html

<!DOCTYPE html>
<html>
<body>

<b>Q1.</b> 
<textarea readonly rows="4" columns="200" id="Q1_Old">Answer to be copied to second textarea</textarea>

<p>If the above answer is unchanged click on "Same Answer" for copying over, else click on "New Answer" to draft new answer</p>

<button onclick="SameAnswer()">Same Answer</button>
<input type="button" onclick="clearText()" value="New Answer">

<p><textarea readonly rows="4" columns="200" id="A1"></textarea>

<script>
function clearText() {
    document.getElementById("A1").reset();
}

function SameAnswer() {
   var x = document.getElementById("Q1_Old").value;
   document.getElementById("A1").innerHTML = x;
}
</script>

</body>
</html>

在上面的代码中,SameAnswer() 函数可以正常工作,但 ClearText() 函数不能正常工作。需要帮助来解决此问题

最佳答案

更改.document.getElementById("A1").reset();到 document.getElementById("A1").value = "";

function clearText() {
    document.getElementById("A1").value = "";
}

function SameAnswer() {
   var x = document.getElementById("Q1_Old").value;
   document.getElementById("A1").innerHTML = x;
}
<b>Q1.</b> 
<textarea readonly rows="4" columns="200" id="Q1_Old">Answer to be copied to second textarea</textarea>

<p>If the above answer is unchanged click on "Same Answer" for copying over, else click on "New Answer" to draft new answer</p>

<button onclick="SameAnswer()">Same Answer</button>
<input type="button" onclick="clearText()" value="New Answer">

<p><textarea readonly rows="4" columns="200" id="A1"></textarea>

关于javascript - 我尝试使用 jscript 从另一个文本区域复制数据后清除文本区域,但无法清除第二个文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47641742/

相关文章:

jquery - 这是 LESS 的正确实现吗?

javascript - 设置从 URL 中选择多个

javascript - 如何处理: When image is clicked identical image generated using Javascript

html - 嵌套 HTML 元素的最大级别

javascript - 在 Promise 中访问模板变量。 [ meteor +烈焰]

javascript - 传递给 API 时的 JSON ENCODED ARRAY 问题

javascript - javascript中如何知道函数参数的类型

javascript - 使用 JavaScript 生成独特的随机数

html - 如何将第一个 HTML 子项锚定在左侧,最后一个 HTML 子项锚定在右侧

javascript - 为什么 Number ('' ) 和 Number ('null' ) 返回 0