forms and javascript

Question

I have a form button and I want 2 lines of text. In the form I have this

value='".$row['item'].'&#10;$'.$row['price']."'

and I get

Hot Dog
$1.00

I want to update this in JavaScript and tried this

sBtn = itm + "&#10;$" + prc;
document.getElementById(conbtn).value = sBtn;

and

sBtn = itm + "<br>$" + prc;
document.getElementById(conbtn).value = sBtn;

without success. The first gives

Hot Dog&#10;$1.00

and the second

Hot Dog<br>$1.00

Any idea how to write 2 lines from JS?

Set the innerHTML property of the conbtn element to sBtn instead of its value property to sBtn. — Will C.
– Will C., Commented Dec 31, 2012 at 2:49

Blender · Accepted Answer · 2012-12-31 02:50:41Z

1

I got it. Used

sBtn = itm + "\r\n$" + prc;

Blender

300k55 gold badges462 silver badges511 bronze badges

answered Dec 31, 2012 at 2:50

Jason Templeman

4887 silver badges23 bronze badges

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

Comments

Ryan Stein · Accepted Answer · 2012-12-31 02:52:18Z

1

If you have a form input button, use an escaped newline in the value property.

document.getElementById(conbtn).value = "Test 1\nTest 2";

If you have a button tag element, use a break element in the innerHTML property.

document.getElementById(conbtn).innerHTML = "Test 1<br/>Test 2";

answered Dec 31, 2012 at 2:52

Ryan Stein

8,0003 gold badges26 silver badges38 bronze badges