Làm thế nào để xóa vùng văn bản bằng một nút trong html bằng cách sử dụng javascript?

Question

Tôi có nút trong html

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

Nếu tôi có một (.js) chức năng javascript bên ngoài, những gì tôi nên viết?

Answer 1

Thay đổi trong html của bạn với việc thêm chức năng vào nút bấm

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

Hãy thử điều này trong file js của bạn:

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

Answer 2

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

bạn chỉ cần thiết lập các sự kiện onclick, cuộc gọi chức năng mong muốn của bạn trên sự kiện onclick này.

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

Trên chức năng sẽ thiết lập giá trị của vùng văn bản để chuỗi rỗng.

Answer 3

Bạn cần đính kèm một trình xử lý sự kiện click và xóa nội dung của vùng văn bản khỏi trình xử lý đó.

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

và đây là working demo.

Answer 4

Bạn chỉ có thể sử dụng ID thuộc tính đến hình thức và gắn thẻ <textarea> mẫu như thế này:

<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 của bạn

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

Javascript của bạn

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