Javascript使用换行符将文本附加到textarea

Question

I have a button that the user can click to merge text from 2 textareas but when they click it the text from the second textarea is added to the end of the first so it is displayed in one line. I would like to add a line break to the end line of text so the appended text is on a new line.

<input type="button" 
       class="copy_submit" 
       value="<< Copy"
       onclick="document.forms['merge_form'].notes1.value += document.forms['merge_form'].notes2.value;" />

Answer 1

在属性事件值的.value之前包含换行符

<input type="button" class="copy_submit" onclick="document.forms['merge_form'].notes1.value += '\n' + document.forms['merge_form'].notes2.value;" value="<< Copy" />

Answer 2

use this snippet as boilerplate. first access the dom element values, then use it - write somewhere on document, or to an input..

 document.querySelector('button').addEventListener('click', function(){ var ta1Text = document.getElementById('ta_1').value; var ta2Text = document.getElementById('ta_2').value; var res = ta1Text + "\\n"+ta2Text; document.getElementById('ta_3').value = res }); 

 <textarea id="ta_1"> </textarea> <textarea id="ta_2"> </textarea> <textarea id="ta_3"> </textarea> <button>Merge</button> 

Answer 3

You could use \\n :

document.forms['merge_form'].notes1.value += '\n'+ document.forms['merge_form'].notes2.value;

Hope this helps.

 textarea{ height: 100px; } 

 <form name='merge_form'> <textarea name="notes1">Textarea 1 content</textarea> <input type="button" class="copy_submit" onclick="document.forms['merge_form'].notes1.value += '\\n'+ document.forms['merge_form'].notes2.value;" value="<< Copy" /> <textarea name="notes2">Textarea 2 content</textarea> </form>