Get textarea text with javascript or Jquery -


i have iframe contains textarea, so:

<html> <body>  <form id="form1"> <div>     <textarea id="area1" rows="15"></textarea> </div> </form>  </body> </html>

i want textarea text in parent page. i've tried this:

var text = $('#frame1').contents().find('#area1').val();

but empty string returned. if put value within tags value returned successfully:

<textarea id="area1" rows="15">something</textarea>

how can value of textarea page contains iframe?

reading <textarea>'s content:

var text1 = document.getelementbyid('mytextarea').value;     // plain javascript var text2 = $("#mytextarea").val();                          // jquery

writing <textarea>':

document.getelementbyid('mytextarea').value = 'new value';   // plain javascript $("#mytextarea").val('new value');                           // jquery

see demo jsfiddle here.


do not use .html() or .innerhtml!

jquery's .html() , javascript's .innerhtml should not used, do not pick changes textarea's text.

when user types on textarea, .html() won't return typed value, original 1 -- check demo fiddle above example.


Comments

Post a Comment