Get/Set hidden field value using jQuery

This article explains how to set and get hidden field value using jQuery.

Follow @AbhithRajanAbhith RajanOctober 01, 2017 · 1 min read · Last Updated: October 01, 2017

When we can achieve the same thing using many ways, with different frameworks, we tend to forget one or two such ways. Same thing happened to me. The task is simple, to set and get hidden field value in client side in a SharePoint project.

Like I mentioned, it can be done easily using jQuery,

SET

$("#hiddenFieldControlId").val(valueToBeAssigned);

GET

var hiddenFieldValue = $("#hiddenFieldControlId").val();

That’s it. Replace the hiddenFieldControlId with the id attribute value of your hidden field and make sure jQuery referenced in the page.

javascript jquery aspnet-web-forms

This page is open source. Noticed a typo? Or something unclear?
Improve this page on GitHub

Written byAbhith Rajan Follow @AbhithRajan
Abhith Rajan is a software engineer by day and a full-stack developer by night. He's coding for almost a decade now. He codes 🧑‍💻, write ✍️, learn 📖 and advocate 👍.
Connect

Webmentions

Is this page helpful?

Buy me a coffee ☕

Related SnippetsView All

Decode JWT Token

Get JWT token payload using JavaScript Buffer

Last Updated · August 29, 2022

Domain Name From URL

Get domain name from URL using JavaScript

Last Updated · September 13, 2020

Related ArticlesView All

Vue.js List Rendering : Limit items in v-for

February 27, 2018 · 3 min read

One way to limit the iteration of items in Vue v-for directive.

by Abhith Rajan

vue javascript

ASP.NET Web Forms - Manually Trigger Client Side Validation

January 15, 2018 · 1 min read

You can manually trigger client-side validation for ASP.NET Web Forms Server side controls. One way of doing it explained here.

by Abhith Rajan

aspnet-web-forms sharepoint

JavaScript - Determine if user is on mobile device

October 25, 2017 · 1 min read

You can use navigator.userAgent value to determine if the user is on a mobile device.

by Abhith Rajan

javascript

Remove specific class from all elements - jQuery

October 23, 2017 · 1 min read

This a short article about how can we remove a specific class from all elements that do have the class easily using jQuery.

by Abhith Rajan

javascript jquery

Hunting security bugs in an old web application

October 09, 2017 · 4 min read

In this post, I am sharing one of my security bug hunting experience in an older ASP.NET web form project.

by Abhith Rajan

aspnet-web-forms security web-config

Set selected option by value via jQuery

August 19, 2017 · 1 min read

This article describes how to set the selected option in a select by its value via jQuery.

by Abhith Rajan

javascript jquery

Related StoriesView All

Who is using pnpm?
techwatching.dev · Jul 11, 2023

javascript

Get the last N characters of a String in JavaScript | bobbyhadz
bobbyhadz.com · Nov 17, 2022

To get the last N characters of a string, call the `slice` method on the string, passing in `-n` as a parameter, e.g. `str.slice(-3)` returns a new string containing the last 3 characters of the original string.

javascript

New Qwik JavaScript Framework Seeks Faster Web Apps with Unique Approach: Resumability
infoq.com · Oct 24, 2022

Misko Hevery, creator of AngularJS, recently announced the beta availability of Qwik, his new web framework. Qwik claims to build applications that feel fast regardless of application size. In most ca

javascript

Detecting Fonts Ready
davidwalsh.name · Jun 23, 2023

The document.fonts object features a ready property which is a Promise representing if fonts have been loaded.

javascript