How to force a line break on a Javascript concatenated string?

Question

I'm sending variables to a text box as a concatenated string so I can include multiple variables in on getElementById call.

I need to specify a line break so the address is formatted properly.

document.getElementById("address_box").value = 
(title + address + address2 + address3 + address4);

I've already tried \n after the line break and after the variable. and tried changing the concatenation operator to +=.

Fixed: This problem was resolved using;

document.getElementById("address_box").value = 
(title + "\n" + address + "\n" + address2 + "\n" +  address3 +  "\n" + address4);

and changing the textbox from 'input type' to 'textarea'

I would have up-voted this question however you accepted a not-an-answer as an answer. 🙄︎ — John
– John, Commented Aug 22, 2018 at 2:37

Guffa · Accepted Answer · 2013-03-12 09:50:05Z

63

You can't have multiple lines in a text box, you need a textarea. Then it works with \n between the values.

answered Mar 12, 2013 at 9:50

Guffa

703k111 gold badges760 silver badges1k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jnovack · Accepted Answer · 2013-03-12 09:47:51Z

25

document.getElementById("address_box").value = 
(title + "\n" + address + "\n" + address2 + "\n" + address3 + "\n" + address4);

answered Mar 12, 2013 at 9:47

jnovack

9,0972 gold badges30 silver badges40 bronze badges

Comments

FabianCook · Accepted Answer · 2013-03-12 09:51:53Z

10

You need to use \n inside quotes.

document.getElementById("address_box").value = (title + "\n" + address + "\n" + address2 + "\n" + address3 + "\n" + address4)

\n is called a EOL or line-break, \n is a common EOL marker and is commonly refereed to as LF or line-feed, it is a special ASCII character

edited Mar 12, 2013 at 9:51

FabianCook

20.6k17 gold badges72 silver badges119 bronze badges

answered Mar 12, 2013 at 9:48

Chirag Bhatia - chirag64

4,5303 gold badges29 silver badges38 bronze badges

Comments

akhtarvahid · Accepted Answer · 2020-01-13 08:52:51Z

7

Using Backtick

Backticks are commonly used for multi-line strings or when you want to interpolate an expression within your string

let title = 'John';
let address = 'address';
let address2 = 'address2222';
let address3 = 'address33333';
let address4 = 'address44444';
document.getElementById("address_box").innerText = `${title} 
${address}
${address2}
${address3} 
${address4}`;

<div id="address_box">
</div>

answered Jan 13, 2020 at 8:52

akhtarvahid

9,7992 gold badges30 silver badges33 bronze badges

Collectives™ on Stack Overflow

How to force a line break on a Javascript concatenated string?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related