javascript | jquery | aspnet-web-forms

Get/Set hidden field value using jQuery

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

Abhith Rajan
Abhith RajanOctober 01, 2017 · 1 min read · Last Updated:
Get/Set hidden field value using jQuery

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.

javascriptjqueryaspnet-web-forms

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

Abhith Rajan

Written byAbhith Rajan
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

JavaScript
Decode JWT Token

Get JWT token payload using JavaScript Buffer

Last Updated · August 29, 2022
JavaScript
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
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.

abhith rajan
by Abhith Rajan
vuejavascript
ASP.NET Web Forms - Manually Trigger Client Side Validation
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.

abhith rajan
by Abhith Rajan
aspnet-web-formssharepoint
JavaScript - Determine if user is on mobile device
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.

abhith rajan
by Abhith Rajan
javascript
Remove specific class from all elements - jQuery
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.

abhith rajan
by Abhith Rajan
javascriptjquery
Hunting security bugs in an old web application
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.

abhith rajan
by Abhith Rajan
aspnet-web-formssecurityweb-config
Set selected option by value via jQuery
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.

abhith rajan
by Abhith Rajan
javascriptjquery

Related VideosView All

Why pnpm?

javascript

Easy NPM Package Updates with Yarn Upgrade Interactive

javascript

The Async Await Episode I Promised

asynchronous-programmingjavascript

Related StoriesView All

JavaScript
Tauri: Mixing JavaScript With Rust for GUI Desktop Apps - The New Stack
thenewstack.io · Jul 29, 2024

We revisit Tauri, a framework to build desktop applications with any frontend framework and a Rust core. We check out the version 2.0 beta.

javascript
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
CSS
Why We’re Breaking Up with CSS-in-JS | Brad Frost
bradfrost.com · Oct 27, 2022

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

javascript
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
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