Split string into new lines at comma -> update text

[Adamhumbug]

Hi,

I have the following code that populates a modal

		$('#userDeleteConfirmationModal').on('show.bs.modal', function(event) {
		// Button that triggered the modal
		var button = $(event.relatedTarget)
		//data elements
		var userid = button.data('userid')
		var activesheets = button.data('activesheets').split(", ").join("\n")
		console.log(activesheets);
		var modal = $(this)
		modal.find('#deleteUserConfLabel').text(userid)
		modal.find('#active-sheets-label').text('This user has the following active sheets')
		modal.find('#active-sheets').text(activesheets)

the console log outputs

Job 1

Job 2

but the text.(activesheets) shows them on the same line when they hit the page.

Any ideas?

[Barand]

You need "<br>" for newlines in an html document ("\n" and multiple spaces are ignored unless between <pre>..</pre> tags or in a <textarea>)

[Adamhumbug]

1 hour ago, Barand said:

You need "<br>" for newlines in an html document ("\n" and multiple spaces are ignored unless between <pre>..</pre> tags or in a <textarea>)

when i use <br/> it echos that exactly.

A new event<br/>Chelsea's Event

[Barand]

What is the object whose id = active-sheets?

[Adamhumbug]

Just now, Barand said:

What is the object whose id = active-sheets?

it is a p tag

[Barand]

try the html attribute instead of the text attribute

modal.find('#active-sheets').html(activesheets)

 

[Adamhumbug]

1 minute ago, Barand said:

try the html attribute instead of the text attribute

modal.find('#active-sheets').html(activesheets)

 

Thats the one!!