How to set hidden field value in jQuery

satinder singh / Updated : / 1 Comments

Set Hidden field value: Here in this tutorial will learn how we can set the value to the hidden filed.  With the jQuery library, we can manipulate HTML DOM  as well as event handling, and animate easily. In jQuery to set hidden field value, we use.val() method.

The .val() method is used to get the values of form elements such as input, select, textarea. You can also check our previous article how to get value of the hidden field in jQuery.

jQuery Code: Set hidden field value


That’s it you just need to change the hiddenFieldId respectively and with .val() method we assign the value to the hidden field. Here in demo example on button click, we assign value what we entered in our textbox. i.e we set our textbox value to the hidden field.

Try It Yourself ⇒

Other Reference

You can also check these articles:

  1. Preview Image before upload it with jQuery in
  2. How to get the filename, size, type count in jQuery [input file, File Api].
  3. Create dynamic HTML table using jquery.
  4. How to remove table row tr in jquery on button click.
  5. Jquery: How to disable Button, Div, Anchor tag.

Hope you enjoyed this tutorial. If you have any recommendations, please let us know what you think in the comment section below! See you again next time!


One comment on “How to set hidden field value in jQuery”

Post Comment

Your email address will not be published. Required fields are marked *