how to get the value of a textarea in jquery

Question

i have this form and im trying to get the value from the text area  for some reason it doesn t want to    lt form action   profile index sendmessage  method  post  enctype  application x-www-form-urlencoded  gt       lt div class  upload form  gt           lt dt id  message-label  gt  lt label class  optional  for  message  gt Enter Message lt  label gt  lt  dt gt           lt dd id  message-element  gt           lt textarea cols  60  rows  5  id  message  name  message  gt  lt  textarea gt  lt  dd gt           lt dt id  id-label  gt  amp nbsp  lt  dt gt           lt dd id  id-element  gt           lt input type  hidden  id  id  value  145198  name  id  gt  lt  dd gt           lt dt id  send message-label  gt  amp nbsp  lt  dt gt           lt dd id  send message-element  gt           lt input type  submit  class  sendamessage  value  Send  id  send message  name  send message  gt  lt  dd gt       lt  div gt   lt  form gt       input sendamessage   click function event        event preventDefault         var message      textarea message   html        var id           input id   val         console log message    -    id         or jsfiddle  any ideas

User · Answer

You can also get the value by element s name attribute   var message       formId textarea name message    val

User · Answer

Value of textarea is also taken with val method   var message      textarea message   val

User · Answer

You can also get value by name instead of id like this   var message      textarea input name message    val

User · Answer

You need to use  val   for textarea as it is an element and not a wrapper  Try      textarea message   val     Updated fiddle

User · Answer

You don t need to use textarea message  var message      textarea message   val      You can directly use  var message       message   val

User · Answer

textarea message   cannot be undefined  if by   you mean jQuery of course       textarea message   may be of length 0 and then    textarea message   val   would be empty that s all

User · Answer

you should use val   instead of html    var message       message   val

User · Answer

You should check the textarea is null before you use val   otherwise  you will get undefined error   if     textarea message      undefined       var message      textarea message   val        Then  you could do whatever with message

User · Answer

in javascript     document getElementById  message   value

User · Answer

You don t need to use  html    You should go with  val     From the doc of  val        The  val   method is primarily used to get the values of form elements such as input  select and textarea  When called on an empty collection  it returns undefined    var message       message   val

User · Answer

all Values is always taken with  val     see the code bellow   var message       message   val

User · Answer

You can directly use  var message     trim     message   val       Read more   Get the Value of TextArea using the jQuery Val    Method

[javascript] how to get the value of a textarea in jquery?

Examples related to javascript

Examples related to jquery

Examples related to textarea