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

Question

我试图让一些按钮用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>

这段代码正常工作,但是当我在该文本区域输入其他内容时,按钮不再有效??? 为什么!!？？我只是想不通.非常感谢.贾森

Answer 1

而不是使用其函数参数语法进行append设置val,请执行以下操作:

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

演示