jQuery access input hidden value

Question

How can I access  lt input type  hidden  gt  tag s value attribute using jQuery

User · Accepted Answer

You can access hidden fields  values with val    just like you can do on any other input element    lt input type  hidden  id  foo  name  zyx  value  bar    gt   alert    input foo   val     alert    input name zyx    val     alert    input type hidden    val     alert     hidden foo   val     alert    input hidden name zyx    val       Those all mean the same thing in this example

User · Answer

Most universal way is to take value by name  It doesn t matter if its input or select form element type   var value       name  foo

User · Answer

There s a jQuery selector for that      Get all form fields that are hidden var hidden fields      this   find   input hidden         Filter those which have a specific type hidden fields attr   text       Will give you all hidden input fields and filter by those with a specific type

User · Answer

The most efficient way is by ID        foo   val      by id   You can read more here   https   developer mozilla org en-US docs Web Guide CSS Writing efficient CSS  https   developers google com speed docs best-practices rendering hl it UseEfficientCSSSelectors

User · Answer

If you have an asp net HiddenField you need to   To access HiddenField Value        lt   HF ClientID  gt    val       HF   your hiddenfield ID   To set HiddenFieldValue         lt   HF ClientID  gt    val  some value        HF   your hiddenfield ID

User · Answer

To get value  use     each    input   function i val       if   this  attr  type     hidden            var valueOfHidFiled   this  val            alert valueOfHidFiled               or   var valueOfHidFiled    input type hidden    val    alert valueOfHidFiled     To set value  use       input type hidden    attr  value  newValue

User · Answer

If you want to select an individual hidden field  you can select it through the different selectors of jQuery     lt input type  hidden  id  hiddenField  name  hiddenField  class  hiddenField   gt         hiddenField   val      by id     name  hiddenField     val       by name     hiddenField   val       by class

User · Answer

Watch out if you want to retrieve a boolean value from a hidden field   For example    lt input type  hidden  id  SomeBoolean  value  False   gt     An input like this will be rendered by ASP MVC if you use  Html HiddenFor m   gt  m SomeBoolean     Then the following will return a string  False   not a JS boolean   var notABool       SomeBoolean   val      If you want to use the boolean for some logic  use the following instead   var aBool       SomeBoolean   val        True   if  aBool

User · Answer

There is nothing special about  lt input type  hidden  gt       input type  hidden     val

[javascript] jQuery access input hidden value

Examples related to javascript

Examples related to jquery