ansaurus

Question

how do you populate a textarea with jquery and linebreaks?

Answer 1

+3 A:

Try doing:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
        <script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(
              function() {
                 $('#previous_purchases').click(function() {
                 var what = $(this).html().replace(/<br>/, '\n');
                 $('#purchased').html(what);
            });
        });
        </script>
    </head>
    <body>
    <div id="previous_purchases">blah blah blah<br />blah blah</div>
    <textarea id="purchased" cols="25" rows="10"></textarea>
    </body>
    </html>

See Attributes/html

Jim Schubert 2009-08-07 00:28:22

sorry I should have clarified, html() was my first attempt at this.

cosmicbdog 2009-08-07 03:17:53

I should have been a little more clear myself. You'll need to pull html into "what" and add it to #purchased using html() for both. I edited my comment with an entire HTML example which works.

Jim Schubert 2009-08-07 03:52:51

sorry if that first sentence about sounds abrupt, it's not meant to. I hope this works for you!

Jim Schubert 2009-08-07 03:55:11

thats alright. i didn't take it that way. normally the above code works for me, but i'm filling a textarea, not just a div. If I do the above, it updates a div nicely and maintains the line breaks. but a textarea, it doesn't.

cosmicbdog 2009-08-07 04:49:52

I fixed the code to work with textarea. I wasn't aware that IE supports breaks in textarea while Firefox and Chrome don't (I used DIV assuming the output would be the same). So, you'll have to regex replace the line breaks with new lines as mentioned a couple posts below

Jim Schubert 2009-08-07 05:01:54

thats it! thanks heaps jim

cosmicbdog 2009-08-07 06:13:05

its not working for me and I am searching for this: #("textarea").html("blah\nblah") does not work in IE7!

CallMeLaNN 2010-05-07 11:40:03

Answer 2

+1 A:

Instead of calling text() function you can use html() and path formatted text to it.

$('#previous_purchases').click(function(){

                var what = $(this).text();

                $('#purchased').html(what);


});

Sorantis 2009-08-07 00:29:24

This doesn't appear to work for me :| i mean it should... my head says it should...

cosmicbdog 2009-08-07 03:20:09

Answer 3

+2 A:

text() strips out html automatically. So basically you'll want to use html() instead of text, and replace
with \n

Mark 2009-08-07 00:29:41

would you be able to explain more about inserting the \n? thats how textarea interprets the new lines... but how to put them in?

cosmicbdog 2009-08-07 04:50:56

ansaurus

tags:

views:

answers:

how do you populate a textarea with jquery and linebreaks?

related questions