AJAXのtextareaフィールドのonclickをクリアするには？

Question

textareaフィールドオンクリックをクリアするには？問題は私がAJAXを使用していることです。ページをリロードしません。誰も私がこの問題を解決するのを助けることができます。

<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

あなたは、単にあなたがテキストエリアに

Answer 2

をクリアしたい場所にこのコード行を追加します。この

$("#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>

よう.val()を使用してテキストエリアの値をクリアすることができますこれを試して。あなたはjQueryのを使用したくない場合はテキストエリア

$('.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

をクリアするには、ボタンをクリックします。上の他の記事では、テキストエリアをリセットする方法については言及していません。 onclickをバインドすると、送信前にテキストが消去されます。したがって、あなたは、ボタンがクリックされたときに単純に何もtextarea.valueを交換

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

ONSUBMITフォームを使用する必要があります？

htmlコード：

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

Javascriptを：

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