Line break in jquery/ javascript

Question

nowadays i am upto java script, jquery etc. i am facing little problem.

i am writing a text message inside CASE block , it's a long string when displayed:

Record has been saved successfully Note: If head already exists for the concerned department than your head selection would not have been saved.

but i want it like this:

Record has been saved successfully 
Note: If head already exists for selected department 
than your head selected would not have been saved.

function ShowMsg() {
        var MessageStatus = $("#HiddenFieldSetMessage").val();
        switch (MessageStatus) {
            case 'SavedButHeadMightExist':
                $("#Msg").text("Record has been saved successfully Note: If head already exists for the concerned department than your head selection would not have been saved");
                $("#ModalHeader").text("Success");
                break;
            case 'NotSaved':
                $("#Msg").text("Record not inserted");
                $("#ModalHeader").text("Error");
                break;
    }
    </script>

adeneo · Accepted Answer · 2014-07-05 10:10:36Z

3

You could use newlines, but those aren't really shown, what you really want is probably just break tags

$("#Msg").html("Record has been saved successfully<br />" +
               "Note: If head already exists for the concerned department<br />" +
               "than your head selection would not have been saved");

Note that you have to change the method from text() to html()

answered Jul 5, 2014 at 10:10

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:20:45Z

1

you need to use <br/> for line break. and use html instead of text

text: it is used for text only no html is allowed
html: it allow html tags also

You can find difference between these two here

What is the difference between jQuery: text() and html() ?

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Jul 5, 2014 at 10:11

शेखर

17.6k14 gold badges64 silver badges123 bronze badges

Comments

user3244721 · Accepted Answer · 2014-07-05 10:12:44Z

0

Change .text to .html

$('#Msg').html('line1<br>line2');

OR

var escaped = $('<div>').text(stringDisplay).text();
$('#Msg').html(escaped.replace(/\n/g, '<br />'));

answered Jul 5, 2014 at 10:12

user3244721

7542 gold badges12 silver badges29 bronze badges

Collectives™ on Stack Overflow

Line break in jquery/ javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related