jQuery val is undefined

Question

I have this code    lt input type  hidden  id  editorTitle  name  title  value  home  gt   lt textarea name  text  id  editorText  gt  lt  textarea gt    But when i write     editorTitle   val   and     editorText   html        editorTitle   val   is  undefined  and     editorText   html   is empty   What is wrong     Edit   Here is my full code   function openEditor             editor   show   animate   width  965  height  380    1500           editor textarea   show       function closeEditor             editor   animate   width  985  height  1    1500  function                  editor   hide                editor textarea   hide               function setedit           ajax           type   POST           url   engine php           data   title         editorTitle   attr  value       amp text         editorText   html            beforeSend  function                      mainField   html   lt img src  data images loader gif  alt  Loading     gt                        success  function  msg                alert msg               closeEditor                search                        function search             title   val     search   val            get  engine php search         search   val    function  data                mainField   html data                  get  engine php raw true amp search         search   val    function  data2                editorText   html data2                  get  engine php title true amp search         search   val    function  data2                h1   html data2      Row 152             editorTitle   html data2                document  ready function              ready   html  Document ready at     event timeStamp         But what is wrong

User · Accepted Answer

You probably included your JavaScript before the HTML  example   You should either execute your JavaScript when the window loads  or better  when the DOM is fully loaded   or you should include your JavaScript after your HTML  example

User · Answer

try      editorTitle   attr  value

User · Answer

This is stupid but for future reference   I did put all my code in     document  ready function            your jQuery function       But still it wasn t working and it was returning undefined value   I check my HTML DOM    lt input id  username  placeholder  Username  gt  lt  input gt    and I realised that I was referencing it wrong in jQuery    var user name       user name   val      Making it   var user name       username   val      solved my problem   So it s always better to check your previous code

User · Answer

I just ran across this myself yesterday on a project I was working on   I m my specific case  it was not exactly what the input was named  but how the ID was named    lt input id  user info 1  last name           gt  var last name       user info 1  last name    val      returned undefined   Removing the brackets solved the issue    lt input id  user info1 last name          gt  var last name       user info1 last name   val      returned  MyLastNameValue    Anyway  probably a no brainer for some people  but in case this helps anyone else    there you go    -  - Drew

User · Answer

could it be that you forgot to load it in the document ready function     document  ready function             your jQuery function

User · Answer

You should call the events after the document is ready  like this     document  ready function           Your code       This is because you are trying to manipulate elements before they are rendered by the browser   So  in the case you posted it should look something like this    document  ready function        var editorTitle       editorTitle   val      var editorText       editorText   html          Hope it helps   Tips  always save your jQuery object in a variable for later use and only code that really need to run after the document have loaded should go inside the ready   function

User · Answer

you may forgot to wrap your object with         var tableChild   children i     tableChild val  my Value      this is wrong    and the ccorrect one is     tableChild  val  my Value      this is correct

[javascript] jQuery val is undefined?

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to undefined