来自一个文本区域的文本应该复制到另一个文本区域,并且应该使用javascript按钮单击清除原始文本区域

时间:2015-08-22 05:59:13

标签: javascript html css

我已完成以下代码,它显示两个textarea,其中一个textarea的文本被复制到另一个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>
&#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;
&#13;
&#13;

但我需要:

  1. 在按钮上单击文本应该复制到另一个textarea和来自原始文本区域的文本,即。第一个textarea应该清楚接受其他文本,所以我使用擦除功能bt它不起作用,其次是那个

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

3 个答案:

答案 0 :(得分:0)

尝试:

function eraseText() {
    document.getElementById("txt").value = "";
}

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;
    }
    eraseText();

}

演示:http://jsfiddle.net/GCu2D/840/

您应该eraseText()移出displayOut,然后在displayOut内调用

答案 1 :(得分:0)

试试这个,你犯了一点错误,你eraseText()displayOut()搬出来了。并在第二个textarea中复制文本后调用eraseText()函数。

&#13;
&#13;
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;
  }
  eraseText(); //call  function to erase text in textarea.

}

function eraseText() {
  document.getElementById("txt").value = "";
}
&#13;
<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">
&#13;
&#13;
&#13;

答案 2 :(得分:-1)

function displayOut(){
    var input=document.getElementById("txt").value;

    if(input.length===0)
    {
        alert("Please enter a valid input");
        return;
    }else{
       var text2=document.getElementById("txt1");
       text2.value=input;
       eraseText();
    }
}
function eraseText()
{
    document.getElementById("txt").value = "";
}