javascriptを使用してhtmlのボタンでテキスト領域をクリアするには？

Question

私は外部のJavaScript（.jsファイル）機能を持っている場合は、私が何を書くべきHTMLで

<input type="button" value="Clear"> 
<textarea id='output' rows=20 cols=90></textarea> 

をボタンがありますか？ボタンに機能を追加することで、あなたのhtmlで

Answer 1

変更あなたのjsファイルでこれを試してみてください

<input type="button" value="Clear" onclick="javascript:eraseText();"> 
    <textarea id='output' rows=20 cols=90></textarea> 

をクリックします。

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

Answer 2

<input type="button" value="Clear" onclick="javascript: functionName();" > 

あなただけのonclickイベントを設定する必要があり、コールこのonclickイベントの目的関数

function functionName() 
{ 
    $("#output").val(""); 
} 

上記の関数は、テキスト領域の値を空の文字列に設定します。

Answer 3

clickイベントハンドラを添付し、そのハンドラからテキストエリアの内容をクリアする必要があります。ここ

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

とはworking demoです。

あなたは、単にフォームに ID属性を使用して、このような形に <textarea>タグを付けることができます

Answer 4

：

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

Answer 5

のHTML

<input type="button" value="Clear" onclick="clearContent()"> 
<textarea id='output' rows=20 cols=90></textarea> 

JavaScriptの

function clearContent() 
{ 
    document.getElementById("output").value=''; 
}