文本区域应该得到复制到另一个文本区域和原始文本区域应该清除按钮点击使用javascript

textarea should get copy to another textarea and original textarea should be cleared on a button click using javascript

本文关键字：文本 区域 按钮 javascript 复制 另一个 原始 清除      更新时间：2023-09-26

我有以下代码。

它显示两个textarea，其中一个textarea的文本被复制到另一个textarea的按钮点击使用JavaScript

<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 ie的文本。首先textarea应该清楚接受其他文本，所以我有一个擦除功能，但它不起作用。

2)我想显示文本应该在第二个textarea中以连续格式复制一个在另一个按钮上单击。

试试这个。您似乎已经将EraseText声明为一个函数，但实际上并没有调用它。在text2中加入"'n"表示换行符

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">

1)在一个按钮上点击文本应该被复制到另一个文本区域和原始文本的文本。第一个文本区域应该变得清晰，接受另一个文本，所以我使用擦除函数，但它不起作用，第二个是

2)，我想显示文本应该在第二个文本区以连续格式复制，一个在另一个按钮点击上。

试试下面的代码

<textarea id="txt1" rows="10" cols="10" readonly="readonly" ></textarea>
<textarea id="txt" rows="4" cols="10"  onclick="eraseText()"></textarea>    <input type="button" onclick="displayOut()" value="click">
<script >
function displayOut(){
var input=document.getElementById("txt").value;
var text2=document.getElementById("txt1");
if(input.length===0)
{
    alert("Please enter a valid input");
    return;
}
  else
text2.value+=input+''n';
eraseText();
}
function eraseText() 
document.getElementById("txt").value = "";
}
</script>

小提琴——> http://jsfiddle.net/santoshj/m740vwet/1/

相关文章：