Question

当我点击添加'hello'时添加到textarea。但是当我手动更改textarea中的文本时，脚本停止工作。你能解释一下原因吗？

$(document).ready(function() {
  $("p").click(function() {
    $('[name="text"]').append('hello');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<textarea name="text" rows="10" cols="30"></textarea>
<p>add</p>

Answer 1

您应该使用以下 jQuery ::

$(document).ready(function() {
  $("p").click(function() {
    $('[name="text"]').val(function(){ return this.value.search(/\S/)!=-1 ? this.value + ' hello' : 'hello'; });
  });
});

如果已经在textarea中写了一些内容，它将附加一个带有'hello'的空格，如果空白则只附加'hello'。

工作链接：https://jsfiddle.net/s5zwthe8/

Answer 2

请使用文本区域ID推送您的文字。喜欢

<textarea name="text" rows="10" cols="30" id="appendtext"></textarea>

在Jquery中放置代码：

$('#appendtext').text("text");

jQuery停止工作

2 个答案: