追加文本到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; 
}); 

Demo

Answer 2

变化

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

到

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