如何使文本在文本区域中跳转新行？

Question

我在将文本跳转到文本区域中的新行时遇到问题。它将在文本区域中显示 </br> 个单词。请问如何避免</br>字出现在文本区，让文本跳到新行？希望有人能指导我如何解决这个问题。谢谢。

下面是我的示例代码：

$("textarea[name='default_kandungan']").val('Alex</br>Peter</br>John')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <textarea type="text" " id="default_kandungan" name="default_kandungan" value="" title="Default Kandungan"></textarea>

其实我想要的是下图这样的效果：

Answer 1

不要直接使用 <br> 标签，而是使用 \n

$("textarea[name='default_kandungan']").val('Alex\nPeter\nJohn')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <textarea type="text"  id="default_kandungan" name="default_kandungan" value="" title="Default Kandungan"></textarea>

如何使文本在文本区域中跳转新行？

How to make text to jump new line in the textarea?

html

javascript

jquery

textarea