如何在Javascript中创建一个清除两个文本区域的按钮?
这是我目前的代码:如何在Javascript中创建一个清除两个文本区域的按钮?,javascript,html,Javascript,Html,这是我目前的代码: 函数addtext(){ var newtext=document.myform.inputtext.value; document.myform.outputtext.value+=newtext; } 您可以使用重置类型属性: <input type="reset" value="Reset" /> HTML: 备选案文1: 使用重置类型输入按钮: 函数addtext(){ var newtext=document.myform.input
函数addtext(){
var newtext=document.myform.inputtext.value;
document.myform.outputtext.value+=newtext;
}
您可以使用重置类型属性:
<input type="reset" value="Reset" />
HTML:
备选案文1:
使用重置类型输入按钮:
函数addtext(){
var newtext=document.myform.inputtext.value;
document.myform.outputtext.value+=newtext;
}
您的问题是什么?单击按钮时是否同时清除textarea
s?或者将第一个textarea
中的文本复制到下一个?既然您有
,第二个textarea
总是空的。所以我不想同时清空textarea
s.@chipChocolate.py,因为它已经将一个复制到另一个了。我想要一个新按钮做的是清除这两个步骤1)使点击按钮调用功能。步骤2)编写一个清除文本区域的函数。你在哪一部分有问题?
<table align="center" border="0" cellpadding="5" cellspacing="0">
<tbody>
<tr>
<td>
<textarea name="inputtext"></textarea>
</td>
<td>
<p>
<br />
<input type="button" value="Strip HTML Formatting" />
</p>
</td>
<td>
<textarea name="inputtext" readonly></textarea>
</td>
</tr>
<tr>
<td>
<button>Empty</button>
</td>
</tr>
</tbody>
</table>
var removeBtn = document.getElementsByTagName('button')[0];
var copyBtn = document.querySelector('input[type="button"]');
copyBtn.onclick = function () {
var inpt = document.getElementsByTagName('textarea')[0].value;
document.getElementsByTagName('textarea')[1].value = inpt;
}
removeBtn.onclick = function () {
document.getElementsByTagName('textarea')[0].value = "";
document.getElementsByTagName('textarea')[1].value = "";
}