Converting escaped text to html in javascript?

Question

I used $.get and received data like

'<option value=\"US-ID\" >Idaho<\/option>\n  <option value=\"US-IL\" >Illinois<\/option>\n  <option value=\"US-IN\" >Indiana<\/option>\n  <option value=\"US-KS\" >Kansas<\/option>\n'

I want to use $(...).html(html_data) how do I make the data I get into html data that I can use?

what I'm getting when $(...).html(data)

http://jsfiddle.net/9WeUv/

Don't know if this matters, but console.log(data):

'...data...'

whereas console.log('regular_string'):

regular_string // no quotes

Where does the string come from? What's adding the `` characters? — Pointy
– Pointy, Commented Dec 4, 2013 at 21:40

MarcoL · Accepted Answer · 2013-12-04 22:05:17Z

2

What's wrong with:

var html_data = '<option value=\"US-ID\" >Idaho<\/option>\n  <option value=\"US-IL\" >Illinois<\/option>\n  <option value=\"US-IN\" >Indiana<\/option>\n  <option value=\"US-KS\" >Kansas<\/option>\n';

$('#select_element_id').html(html_data);

http://jsfiddle.net/45CYX/

After your edit:

Sorry, isn't the string you've received the one you wrote on top? In your jsFiddle you do not have any JS code, just some text in a select tag - which is not what you are saying in the question.

edited Dec 4, 2013 at 22:05

answered Dec 4, 2013 at 21:40

MarcoL

9,9893 gold badges40 silver badges50 bronze badges

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

3 Comments

Derek Over a year ago

for some reason when I did it, the <\/option> and \n, etc would be there.

MarcoL Over a year ago

As far as I know the html() function in jQuery will take care of the deserialisation of the string for you.

Derek Over a year ago

well the thing is console.log(data) gives '...' where for a regular string console.log('foo') gives foo. Don't know if that matters.

joshbennett · Accepted Answer · 2013-12-04 21:43:27Z

0

Assuming you grabbed the html from an ajax call and want to add it to the body.

$newSelect = $("<select></select>").html(html_data);
$(document.body).append($newSelect);

http://api.jquery.com/jQuery/#jQuery2 - Creates DOM elements on the fly from the provided string of raw HTML.

answered Dec 4, 2013 at 21:43

joshbennett

5125 silver badges9 bronze badges

Collectives™ on Stack Overflow

Converting escaped text to html in javascript?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related