<分区>
标签 javascript html css
<分区>
我有以下代码。
它显示两个 textarea，其中一个 textarea 的文本在使用 JavaScript 单击按钮时被复制到另一个 textarea
<head>
<script type="text/javascript">
function displayOut(){
var input=document.getElementById("txt").value;
var text2=document.getElementById("txt1");
text2.value=input;
if(input.length===0)
{
alert("Please enter a valid input");
return;
}
function eraseText() {
document.getElementById("txt").value = "";
}
}
</script>
</head><body>
<h1 id="result">Javascript Exm</h1>
<textarea id="txt1" rows="10" cols="100" readonly="readonly" ></textarea>
<textarea id="txt" rows="4" cols="50" onclick="eraseText()"></textarea><input type="button" onclick="displayOut()" value="click">
</body>我想完成以下任务:
1) 单击按钮时，文本应该被复制到另一个 textarea 和来自原始 textarea 的文本，即。首先 textarea 应该清楚地接受其他文本，所以我有一个删除功能，但它不起作用。
2) 我想显示的文本应该在第二个 textarea 中以连续格式复制，单击按钮时一个在另一个下面。
最佳答案
试试这个。您似乎已将 EraseText 声明为函数，但实际上并未调用它。添加“\n”在 text2 中给出换行符。
function displayOut(){
var input=document.getElementById("txt").value;
if(input.length===0)
{
alert("Please enter a valid input");
return;
}
var text2=document.getElementById("txt1");
text2.value += input+"\n";
eraseText();
}
function eraseText() {
document.getElementById("txt").value = "";
}<textarea id="txt1" rows="10" cols="100" readonly="readonly" ></textarea>
<textarea id="txt" rows="4" cols="50" onclick="eraseText()"></textarea><input type="button" onclick="displayOut()" value="click">关于javascript - textarea 应该复制到另一个 textarea，原始 textarea 应该在使用 javascript 单击按钮时清除，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32146990/