jquery .html() function issue

Question

If i have a Textarea inside div. Something like

   <div id="section3">
    <textarea id="txtArea1">old value
    </textarea>
   </div>

And by using:

alert($('#section3').html());
$('#txtArea1').val('new value');
alert($('#section3').html());

both alerts show the same markup with ("old value"); is there any way i can flush the html so the last statement gets the updated html markup?

Is your code sample correct? Looks like it should say $('#txtArea1').val('new value');. — robyaw
– robyaw, Commented Oct 5, 2011 at 13:47
sorry about the wrong id. But that's not my issue. I just wrote it wrong. That's not actualy my code it's a simplified version. But even with txtArea1 i have the same html() result. — mircea .
– mircea ., Commented Oct 5, 2011 at 13:51
At first, I thought you were having problems with the last alert showing html tags instead of just text. Now I'm just confused. — rgin
– rgin, Commented Oct 5, 2011 at 13:54
Use .html() instead of .val() to change the textarea contents. — user447356
– user447356, Commented Oct 5, 2011 at 13:54
This may be a browser specific issure; are you using Firefox? If so se this: stackoverflow.com/questions/1388893/… — Andy Rose
– Andy Rose, Commented Oct 5, 2011 at 14:02

James Johnson · Accepted Answer · 2011-10-05 14:08:16Z

2

$("#txtArea1").html("new value");
alert($("#txtArea1").html());

edited Oct 5, 2011 at 14:08

answered Oct 5, 2011 at 13:53

James Johnson

46.1k8 gold badges75 silver badges111 bronze badges

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

1 Comment

mircea . Over a year ago

It was a browser specific issue in the end. But your answer did help. Thanks

Community · Accepted Answer · 2017-05-23 12:12:01Z

1

I think this is probably a browser specific issue. You can test it out using this jsFiddle.
The above code fails in Firefox but works in IE. See this stackoverflow question and answer for more detail.

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Oct 5, 2011 at 14:05

Andy Rose

17k7 gold badges45 silver badges49 bronze badges

Comments

Bojangles · Accepted Answer · 2011-10-05 13:47:46Z

1

You need to use .val() with textareas and jQuery. It's slightly counter-intuitive seeing as the textarea content is inside the tags, as opposed to being a value="", but it's how it's done by jQuery to keep consistency.

alert($('#section3').val());

$('#textarea').val('new value');

alert($('#section3').val());

Will give you the new value.

answered Oct 5, 2011 at 13:47

Bojangles

102k50 gold badges175 silver badges209 bronze badges

Comments

rgin · Accepted Answer · 2011-10-05 13:49:12Z

1

try this:

alert( $('section3').text() );

make that your last line.

answered Oct 5, 2011 at 13:49

rgin

2,3014 gold badges24 silver badges33 bronze badges

Comments

genesis · Accepted Answer · 2011-10-05 13:49:22Z

1

You do not have textarea with id "textarea". try to change

$('#textarea').val('new value');

to

$('#txtArea1').val('new value');

answered Oct 5, 2011 at 13:49

genesis

51.1k20 gold badges99 silver badges127 bronze badges

Comments

robyaw · Accepted Answer · 2011-10-05 13:54:00Z

1

Change this line:

 $('#txtArea1').val('new value');

To:

 $('#txtArea1').text('new value');

answered Oct 5, 2011 at 13:54

robyaw

2,3182 gold badges23 silver badges31 bronze badges

Collectives™ on Stack Overflow

jquery .html() function issue

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related