Обновление значения текстовой области без удаления предыдущей 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() ( до c):

$("#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>