textarea.append()在手动输入后停止工作

Question

我设法把它缩小到一个非常小的小提琴:

https://jsfiddle.net/wn7aLf3o/4/

基本上当你点击'append'时,它应该在textarea中添加一个"X".这很好用,直到我决定集中textarea并手动输入一些东西.然后我不能再附加X.

在Chrome和Firefox中测试过.我究竟做错了什么？

HTML:

<div id="append">append</div>
<textarea id="text"></textarea>

JQuery的:

$(function(){
    $(document).on('click', '#append', function(){
    $('#text').append(" X");
  });
});

Answer 1

您需要使用val:

$(function(){
	$(document).on('click', '#append', function(){
  	$('#text').val($('#text').val() + " X");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="append">append</div>

<textarea id="text"></textarea>