Get textarea text with javascript or Jquery

Question

I have an iframe that contains a textarea  like so    lt html gt   lt body gt    lt form id  form1  gt   lt div gt       lt textarea id  area1  rows  15  gt  lt  textarea gt   lt  div gt   lt  form gt    lt  body gt   lt  html gt    I want to get the textarea text in the parent page  I ve tried this   var text       frame1   contents   find   area1   val      But an empty string is returned  However if I put a value within  tags this value is returned successfully    lt textarea id  area1  rows  15  gt something lt  textarea gt    How can I get the value of the textarea from the page which contains the iframe

User · Answer

To get the value from a textarea with an id you just have to do  Edited      area1   val      If you are having more than one element with the same id in the document then the HTML is invalid

User · Answer

Try  html   instead of  val      var text       frame1   contents   find   area1   html

User · Answer

As  Darin Dimitrov said  if it is not an iframe on the same domain it is not posible  if it is  check that     frame1   contents   returns all it should  and then check if the textbox is found       frame1   contents   find   area1   length should be 1   Edit  If when your textarea is  empty  an empty string is returned and when it has some text entered that text is returned  then it is working perfect   When the textarea is empty  an empty string is returned   Edit 2 Ok  Here there is one way  it is not very pretty but it works   Outside the iframe you will access the textarea like this   window textAreaInIframe   And inside the iframe  which I assume has jQuery  in the document ready put this code       area1   change function         window parent textAreaInIframe     this  val       trigger  change

User · Answer

Try This  var info   document getElementById  quot area1 quot   value     Javascript var info      quot  area1 quot   val       jQuery

User · Answer

You could use val     var value       area1   val        VAL DISPLAY   html value

User · Answer

READING the  lt textarea gt  s content   var text1   document getElementById  myTextArea   value         plain JavaScript var text2       myTextArea   val                                jQuery   WRITING to the  lt textarea gt     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   and JavaScript s  innerHTML should not be used  as they do not pick up changes to the textarea s text   When the user types on the textarea  the  html   won t return the typed value  but the original one -- check demo fiddle above for an example

User · Answer

Get textarea text with JavaScript    lt  DOCTYPE html gt   lt body gt   lt form id  form1  gt       lt div gt           lt textarea id  area1  rows  5  gt Yes lt  textarea gt           lt input type  button  value  get txt  onclick  go      gt           lt br   gt           lt p id  as  gt Now what lt  p gt       lt  div gt   lt  form gt   lt  body gt   function go         var c1   document getElementById  area1   value      var d1   document getElementById  as        d1 innerHTML   c1      http   jsfiddle net PUpeJ 3

[javascript] Get textarea text with javascript or Jquery

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to textarea