使用jquery问题将文本附加到文本区域答案

【问题标题】：Append text to text area with jquery issue使用jquery问题将文本附加到文本区域
【发布时间】：2014-01-03 07:57:17
【问题描述】：

我正在尝试使用 jquery 使一些按钮将文本附加到 textarea，并且我可以让它工作，但前提是我没有在 textarea 本身中输入任何内容。

代码：

<textarea name="comments" id="comments" rows="20" style="margin-left: 0px; margin-right: 0px; width: 968px;"></textarea>
<div>
  <button>+petname</button>
  <button>+lastvisit</button>
  <button>+nextvisit</button>
</div>
<script>
$( "button" ).click(function() {
  var text = $( this ).text();
  $('#comments').append(text); 
});
</script>

这段代码可以正常工作，但是当我在该文本区域输入其他内容时，按钮不再工作？？？为什么！！？？我就是想不通。非常感谢。杰森

【问题讨论】：

标签： javascript jquery append

【解决方案1】：

改变

$('#comments').append(text);

到

$('#comments').val( $('#comments').val() + " " + text );

【讨论】：

【解决方案2】：

不要使用append set val 使用其函数参数语法，而是这样做：

$('#comments').val(function(_, val){
    return val + text; 
});

Demo

【讨论】：