Question

我有以下代码。

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

＆＃13;

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

＆＃13;

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

＆＃13;

我想完成以下任务：

1）点击按钮，文本应该被复制到另一个textarea和来自原始textarea的文本，即。第一个textarea应该清楚接受其他文本，所以我有一个擦除功能，但它不起作用。

2）我想显示文本应该在按钮点击时以连续格式一个接一个地复制到第二个textarea中。

Answer 1

试试这个。您似乎已将EraseText声明为函数但实际上并未将其声明。添加＆＃34; \ n＆＃34;给出了text2中的换行符。

＆＃13;

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 = "";
  }

＆＃13;

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

＆＃13;

Answer 2

1）在按钮上单击文本应该被复制到另一个textarea和来自origial textare的文本即。第一个textarea应该清楚接受另一个文本，所以我使用擦除功能但它没有工作，其次是那个

2）并且我希望显示文本应该在按钮单击时以连续格式一个接一个地复制到第二个textarea中。

<强>

try the below code

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

小提琴 - ＆gt; http://jsfiddle.net/santoshj/m740vwet/1/

textarea应该复制到另一个textarea并使用javascript

2 个答案: