Question

I’m sending and retrieving data to view it in a <textarea>.

sending:

$.ajax({
           url: "./xxx/xxx",
           type: "POST",
           dataType: "json",
           data: JSON.stringify({
           text: $('#txtText').text(),
           xxx: $('#xxx').text()
        })

retrieving

if (data.d.Text != "") {
        $('#txtText').val(data.d.Text);
}

The result is the correct text that was sent, but without line breaks. I need the line breaks displayed correctly.

I’ve played around with .text(), .html() and .val() but couldn’t figured it out.

I’m using jQuery 1.7.2

Answer 1

You should use .val() to retrieve the contents too, not .text().

The latter will only retrieve the value that was in the page as downloaded from the server.

Any subsequent edits only alter the .value property of the field, and not the contents of the field’s text node children.