Question

我设法将其缩小到很小的小提琴：

基本上，当您单击“添加”时，应在文本区域添加“ X”。效果很好，直到我决定重点关注文本区域并手动键入一些内容。然后我再也不能追加X。

在Chrome和Firefox中进行了测试。我在做什么错了？

HTML：

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

jQuery：

LANGUAGE_CODE = 'ku'
LANGUAGES = [('en', 'English'), ('ku', 'Kurdish')]

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>

Answer 2

更新了https://jsfiddle.net/wn7aLf3o/21/的小提琴。您不必在textrarea中添加元素。 Append用于添加HTML元素，但是您想要修改textarea的文本，因此请使用Val（）。

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

在手动输入textarea.append（）后停止工作

2 个答案: