用javascript填充textarea,添加换行符

时间:2020-03-27 17:44:41

标签: javascript html

我正在尝试使用javascript填充html中textarea的值。我下面的脚本基本上可以做到这一点,但是我试图弄清楚如何在我的值中插入一个换行符(介于“ date”和“ text”之间)。

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

您在12月25日答复:圣诞快乐!

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

您在12月25日回答:
圣诞快乐!

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

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

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

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