Wie lösche Textfeldfeld onclick in AJAX?

Question

So löschen Sie textarea Feld onclick? Das Problem ist, ich verwende AJAX. Die Seite wird nicht neu geladen. kann mir jemand helfen, dieses Problem zu lösen.

<div class="write_comment" style=""> 
    <textarea type="text" id="form_task_comment" name="form_task_comment" value="" placeholder="Write your comment here..."></textarea> 
    <div class="buttons" style="float:right"> 
     <button id="btn_comment_submit" class="btn btn-default btn hoverable btn-sm btn_comment_submit" style="margin:0rem;" type="submit">Add Comment</button> 
    </div> 
</div> 

Answer 1

Sie einfach den Wert der Textbereich löschen können .val() wie diese

$("#form_task_comment").val('');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea id="form_task_comment">This is textarea</textarea>

Fügen Sie diese Codezeile verwenden, wo immer Sie den Textbereich

Answer 2

löschen möchten Versuche dies. Klicken Sie auf die Schaltfläche Textarea löschen

$('.clearText').click(function(){ 
 
    $("#form_task_comment").val(''); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="clearText">Click Here To Clear Textarea</button> 
 
<br> 
 
<textarea id="form_task_comment">This is textarea</textarea>

Answer 3

Falls Sie nicht wollen, jQuery verwenden. Und die anderen oben genannten Beiträge erwähnen nicht, wie Sie Ihren Textbereich auf Senden zurücksetzen. Wenn Sie onclick binden, würde der Text vor dem Senden gelöscht werden. Daher müssen Sie das Formular verwenden onsubmit

var textArea = document.getElementById("form_task_comment") 
 
var form = document.getElementById("form-name") 
 
form.addEventListener("submit", function(event) { 
 
    textArea.value = ""; 
 
    event.preventDefault(); 
 
}, false)

<div class="write_comment" style=""> 
 
<form id="form-name" > 
 
<textarea type="text" id="form_task_comment" name="form_task_comment" value="" placeholder="Write your comment here..."></textarea> 
 
    <div class="buttons" style="float:right"> 
 
     <button id="btn_comment_submit" class="btn btn-default btn hoverable btn-sm btn_comment_submit" style="margin:0rem;" type="submit">Add Comment</button> 
 
    </div> 
 
    </form> 
 
</div>

Answer 4

einfach nur textarea.value mit nichts ersetzen, wenn die Schaltfläche geklickt wird ??

HTML-Code:

<input type="button" value="Clear Text" onclick="javascript:eraseText();"></input> 

Javascript:

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