我已完成以下代码,它显示两个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;
但我需要:
在按钮上单击文本应该复制到另一个textarea和来自原始文本区域的文本,即。第一个textarea应该清楚接受其他文本,所以我使用擦除功能bt它不起作用,其次是那个
我想显示文本应该在按钮点击时以连续格式一个接一个地复制到第二个textarea中。
答案 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()
函数。
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;
答案 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 = "";
}