textarea 值更新而不删除之前的 Javascript

Question

我正在尝试在文本区域中插入新数据而不影响上一个：

<textarea class="form-control" rows="5" id="data" name="data">
roma is the most visit
</textarea>

  $("#data").val('new line without delete the previous one ');

我的期望：

<textarea class="form-control" rows="5" id="data" name="data">
roma is the most visit
new line without delete the previous one 
</textarea>

那我该怎么做呢？

Answer 1

使用.append() 代替.val() (doc)：

$("#data").append('new line without delete the previous one ');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea class="form-control" rows="5" id="data" name="data">
roma is the most visit
</textarea>