Come cancellare l'area di testo con un pulsante in html usando javascript?

Question

Ho pulsante in html

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

Se ho una funzione javascript esterno (.js), che cosa devo scrivere?

Answer 1

Variazione nel tuo html con aggiunta la funzione sul pulsante clicca

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

Prova questa nel file js:

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

Answer 2

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

si solo bisogno di impostare l'evento onclick, chiamata la tua funzione desiderata su questo evento onclick.

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

La funzione sopra riportata imposta il valore dell'area di testo sulla stringa vuota.

Answer 3

È necessario associare un gestore di eventi click e cancellare il contenuto dell'area di testo da quel gestore.

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

Ed ecco la working demo.

Answer 4

si può semplicemente utilizzare l'ID dell'attributo per il modulo e allega il tag <textarea> alla forma in questo modo:

<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

il codice HTML

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

Javascript

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