Wie man Textbereich mit einem Knopf in HTML mit Javascript löscht?

Question

Ich habe Taste in html

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

Wenn ich habe eine externe Javascript (js) Funktion, was soll ich schreiben?

Answer 1

Veränderung in Ihrem HTML mit dem Hinzufügen der Funktion auf den Button klicken

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

Versuchen Sie dies in Ihrem js-Datei:

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

Answer 2

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

Sie nur das Onclick-Ereignis festlegen müssen, rufen Ihre gewünschte Funktion bei diesem onclick-Ereignis.

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

Die obige Funktion setzt den Wert des Textbereichs auf eine leere Zeichenfolge.

Answer 3

Sie müssen einen click Event-Handler anhängen und den Inhalt des Textbereichs von diesem Handler löschen.

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

und hier ist der working demo.

Answer 4

Sie können einfach verwenden, um die ID Attribut in das Formular aus und legen Sie die <textarea> Tag Form wie folgt aus:

<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

Ihre Html

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

Ihr Javascript

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