[英]How to clear text area with a button in html using javascript?
我在 html 中有按钮
<input type="button" value="Clear">
<textarea id='output' rows=20 cols=90></textarea>
如果我有一个外部 javascript (.js) 函数,我应该写什么?
通过在按钮单击上添加功能来更改您的 html
<input type="button" value="Clear" onclick="javascript:eraseText();">
<textarea id='output' rows=20 cols=90></textarea>
在你的 js 文件中试试这个:
function eraseText() {
document.getElementById("output").value = "";
}
您需要附加一个click
事件处理程序并从该处理程序中清除 textarea 的内容。
HTML
<input type="button" value="Clear" id="clear">
<textarea id='output' rows=20 cols=90></textarea>
JS
var input = document.querySelector('#clear');
var textarea = document.querySelector('#output');
input.addEventListener('click', function () {
textarea.value = '';
}, false);
这是工作演示。
<input type="button" value="Clear" onclick="javascript: functionName();" >
你只需要设置 onclick 事件,在这个 onclick 事件上调用你想要的函数。
function functionName()
{
$("#output").val("");
}
以上函数将文本区域的值设置为空字符串。
你的 HTML
<input type="button" value="Clear" onclick="clearContent()">
<textarea id='output' rows=20 cols=90></textarea>
你的 JavaScript
function clearContent()
{
document.getElementById("output").value='';
}
您可以简单地将ID属性用于表单并将<textarea>
标记附加到表单,如下所示:
<form name="commentform" action="#" method="post" target="_blank" id="1321">
<textarea name="forcom" cols="40" rows="5" form="1321" maxlength="188">
Enter your comment here...
</textarea>
<input type="submit" value="OK">
<input type="reset" value="Clear">
</form>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.