Passing string with HTML to JavaScript

Question

I am creating a simple modal where I pass a string and that gets displayed as the content of the modal.

In a nutshell, I have this script:

   $("[id^='mod_']").click( function() {

      var line1    = $(this).attr("data-modaltext1");

       $('#modalid').show();
       $('#modalmessage').text(line1);

The above works as expected. But if my string I pass and picked up by data-modaltext1 is

"<p>Hello</p><p>World</p>"

It prints is as seen without the html tags working. I don't get two paragraphs. Just one string that looks exactly like

 "<p>Hello</p><p>World</p>"

Any help will be appreciated.

Change .text to .html.

StackSlave
– StackSlave

2017-04-08 23:20:04 +00:00
Commented Apr 8, 2017 at 23:20 — StackSlave
– StackSlave, Commented Apr 8, 2017 at 23:20

CodingYoshi · Accepted Answer · 2017-04-08 23:23:53Z

2

Use the html method instead so it can be treated as raw html code and not just text:

$('#modalmessage').html(line1);

answered Apr 8, 2017 at 23:23

CodingYoshi

27.3k7 gold badges68 silver badges75 bronze badges

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

1 Comment

user1970839 Over a year ago

Awesome. Thanks !

Collectives™ on Stack Overflow

Passing string with HTML to JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related