Adding "div" and "input" using javascript with innerHTML function

Question

I have written this javascript code

document.getElementById('placeForTitle').innerHTML=
"<div class='postAdLabelnTextboxSelTitle'>
       <div class='post-ad-label'>Select Title</div>
       <div class='selectTitleContain'>
           <input name='selctedTitle' type='radio' id='tit1_1' value='"+title1_1+"' required />
           <label for='tit1_1'>"+title1_1+"</label>
           <br />
           <input name='selctedTitle' type='radio' id='tit1_2' value='"+title1_2+"' required />
           <label for='tit1_2'>"+title1_2+"</label><
       /div>
</div>";

but it is not work and due to this other javascript function is also not working. I tried different combinations but not working.

document.getElementById('placeForTitle').innerHTML="<div class='postAdLabelnTextboxSelTitle'><div class='post-ad-label'>Select Title</div><div class='selectTitleContain'> <input name='selctedTitle' type='radio' id='tit1_1' value='"+title1_1+"' required /><label for='tit1_1'>"+title1_1+"</label><br /><input name='selctedTitle' type='radio' id='tit1_2' value='"+title1_2+"' required /><label for='tit1_2'>"+title1_2+"</label></div></div>"; — user3301207
– user3301207, Commented Feb 12, 2014 at 10:49
Pasting code in a comment isn't helping us much. Could you edit your question instead? — Niklas
– Niklas, Commented Feb 12, 2014 at 10:53

ducdhm · Accepted Answer · 2014-02-12 10:54:32Z

Try this:

document.getElementById('placeForTitle').innerHTML=
"<div class='postAdLabelnTextboxSelTitle'>\
       <div class='post-ad-label'>Select Title</div>\
       <div class='selectTitleContain'>\
           <input name='selctedTitle' type='radio' id='tit1_1' value='"+title1_1+"' required />\
           <label for='tit1_1'>"+title1_1+"</label>\
           <br />\
           <input name='selctedTitle' type='radio' id='tit1_2' value='"+title1_2+"' required />\
           <label for='tit1_2'>"+title1_2+"</label>\
       </div>\
</div>";

or

document.getElementById('placeForTitle').innerHTML=
"<div class='postAdLabelnTextboxSelTitle'>" +
       "<div class='post-ad-label'>Select Title</div>" +
       "<div class='selectTitleContain'>" +
           "<input name='selctedTitle' type='radio' id='tit1_1' value='"+title1_1+"' required />" +
           "<label for='tit1_1'>"+title1_1+"</label>" +
           "<br />" +
           "<input name='selctedTitle' type='radio' id='tit1_2' value='"+title1_2+"' required />" +
           "<label for='tit1_2'>"+title1_2+"</label>" +
       "</div>" +
"</div>";

Quentin · Accepted Answer · 2014-02-12 10:50:52Z

0

You can't have a new line in the middle of a JavaScript string literal.

answered Feb 12, 2014 at 10:50

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Comments

Govind Singh · Accepted Answer · 2014-02-12 10:55:07Z

0

document.getElementById('placeForTitle').innerHTML="<div class='postAdLabelnTextboxSelTitle'>"
       +"<div class='post-ad-label'>Select Title</div>"
       +"<div class='selectTitleContain'>"
           +"<input name='selctedTitle' type='radio' id='tit1_1' value='"+title1_1+"' required />"
           +"<label for='tit1_1'>"+title1_1+"</label>"
           +"<br />"
           +"<input name='selctedTitle' type='radio' id='tit1_2' value='"+title1_2+"' required />"
           +"<label for='tit1_2'>"+title1_2+"</label></div>"
+"</div>";

answered Feb 12, 2014 at 10:55

Govind Singh

15.5k14 gold badges77 silver badges108 bronze badges

Comments

Bala · Accepted Answer · 2014-02-12 10:55:31Z

0

try this

document.getElementById('placeForTitle').innerHTML=
"<div class='postAdLabelnTextboxSelTitle'><div class='post-ad-label'>Select Title</div><div class='selectTitleContain'><input name='selctedTitle' type='radio' id='tit1_1' value='"+title1_1+"' required /><label for='tit1_1'>"+title1_1+"</label><br /><input name='selctedTitle' type='radio' id='tit1_2' value='"+title1_2+"' required /><label for='tit1_2'>"+title1_2+"</label></div></div>";

you should not break the innerHTML content.

answered Feb 12, 2014 at 10:55

Bala

5102 silver badges9 bronze badges

Collectives™ on Stack Overflow

Adding "div" and "input" using javascript with innerHTML function

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

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

Related