按钮提交后清理textarea

时间:2015-03-19 15:49:43

标签: javascript ajax

我有一个像这样的简单textarea。

<textarea class='message'></textarea>
<input type='button' name='send-message'>

我正在使用AJAX从此发送消息,但由于这不是提交表单,因此文本消息仍会显示在textarea中

我尝试使用以下方式清除消息:

var txt = document.querySelector('.message').value = '';

但这不起作用。

2 个答案:

答案 0 :(得分:1)

试试这个:

将id添加到textarea:

<textarea id="textArea1" class='message'></textarea>

使用Javascript:

document.getElementById("textArea1").innerHTML = "";

查询选择器:

document.querySelector('.message').innerHTML = "";

答案 1 :(得分:1)

类在CSS

的开头用.表示

&#13;
&#13;
var txt = document.querySelector('.message').value = '';
&#13;
<textarea class='message'>
  text the user inputs..
</textarea>
&#13;
&#13;
&#13;