用javascript填充textarea,添加换行符[重复]

Posted

技术标签:

【中文标题】用javascript填充textarea,添加换行符[重复]【英文标题】:populating textarea with javascript, adding line breaks [duplicate] 【发布时间】:2020-07-08 12:15:38 【问题描述】:

我正在尝试使用 javascript 在我的 html 中填充 textarea 的值。我下面的脚本基本上是这样做的,但是我试图弄清楚如何在我的值中插入换行符(在“日期”和“文本”之间)。

基本上,正如所写,我的脚本给出了这个结果......

12 月 25 日,您回复:圣诞快乐!

但是,我希望它读作...

12 月 25 日,您回复: 圣诞快乐!

<script>
function myFunction() 
  document.getElementById("myTextarea").value = `On $date you replied: $text`;

</script>

【问题讨论】:

在模板文字中的replied: 之后按回车键。 这个现有的帖子不适合你吗?:***.com/a/13485082/1188197 【参考方案1】:

只需在字符串中添加 \n 即可将其推送到新行。

  <script>
    let date= "11/01/2020";
    let text= "Merry Christmas!";
    function myFunction() 
      document.getElementById("demo").value= `On $date you replied: \n$text`;
    
    </script>

【讨论】:

谢谢。如下所示,我最初一定是输入错误。愚蠢的脑残。【参考方案2】:

简单添加新的换行符:\n

<script>
function myFunction() 
  document.getElementById("myTextarea").value = `On $date you replied: \n$text`;

</script>

【讨论】:

duh,我试过了,但它不起作用,但我愚蠢地最初输入错误。谢谢。 @rickel_pick 欢迎。很高兴能提供帮助

以上是关于用javascript填充textarea,添加换行符[重复]的主要内容,如果未能解决你的问题,请参考以下文章

用js实现在textarea中每输入15个字符串自动换行 输入汉字超过15个就去加/n自动换行

textarea的价值?怎么填一个?

Javascript换行文本区域

无法从移动设备将光标放在填充空格的 TEXTAREA 上

textarea:进行文本换行

Angular textarea 不能用默认值填充