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

Append text to text area with jquery issue

本文关键字:文本 区域 使用 问题 jquery      更新时间:2023-09-26

我试图用jquery让一些按钮将文本附加到文本区域,我已经让它工作了,但前提是我没有在文本区域本身键入任何内容。

代码:

<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>

这个代码正在工作,但当我在文本区域键入其他内容时,按钮就不再工作了???为什么!!??我就是想不通。非常感谢。Jason

不要使用函数参数语法设置appendval,而是这样做:

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

演示

更改

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

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