如何使用jQuery清空文本区域

Question

如何使用jQuery清空文本区域

3

这个问题已经得到了回答，但是为了以后的参考，这里提供一个完整的示例。

您可以点击添加按钮和清除按钮，无论点击多少次都能够正常工作。但是一旦在文本框中输入内容，清除和添加按钮就不再起作用。

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){

    $("#add").click(function(){

        $("#box").append("Test, ")
    });

    $("#clean").click(function(){
        $("#box").text("")
    });

});
</script>
</head>
<body>

<button id="add">ADD</button><br/>
<textarea rows="10" cols="50" id="box"></textarea><br/>
<button id="clean">Clear Box</button>

</body>
</html>

- user1854438

2

尝试使用$("#textarea").val(''); - Usman Khawaja

请发布一个 [mcve] 来展示问题。 - j08691

对于那些在事件处理程序方面遇到问题的人，这里有一个解决方法。https://dev59.com/-Gsy5IYBdhLWcg3w1xeU#54265441 - Neo

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dekel · Accepted Answer

处理需要用户输入的元素时，您应该使用jQuery的val函数：

$(function() {
  $('#b1').click(function() {
      $("#textarea").val($("#textarea").val() + "This is a test");
  });
  $('#c1').click(function() {
    $("#textarea").val("")
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="textarea"></textarea><br />
<button id="b1">Append</button> <button id="c1">Clear</button>

< p > append 函数会改变 DOM，而这不是您在此处尝试进行的操作（这就破坏了 textarea 元素的默认行为）。< /p >