Question

如何清除textarea字段onclick？问题是我正在使用 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

试试这个。单击按钮以清除Textarea

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

如果您不想使用jQuery。上面的其他帖子没有提到如何重置您的textarea ON发送。绑定onclick时，它将在发送之前清除文本。因此，您需要使用表单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 3

单击按钮时，只需将textarea.value替换为空？

html代码：

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

使用Javascript：

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

Answer 4

您只需使用.val()这样的

清除文本区域的值即可

＆＃13;

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

＆＃13;

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

＆＃13;

在您要清除文本区域的任何位置添加此行代码

如何在AJAX中清除textarea字段onclick？

4 个答案: