Read hidden field value in from jquery

Often we are confused about how to read values set in HiddenField from jquery and use the values in the web form. Many-a-times we see the threads over the forums about the difficulties associated with reading HiddenField values. I have tried to give easy and fast way to read values and set values of hidden filed in using jquery.
You may first download the latest jquery file from webform – design page
view plainprint?

$(function () {
//reading hidden field value
var mySite = $(\’#HiddenField1\’).val();
//displaying the value in an Label control
$(\’#lblSiteName\’).html(\’My site is: \’ + mySite);
//setting value of HiddenField control
$(\’#HiddenField1\’).val(\’New site is:\’)
}); webform – code page (in c#)
view plainprint?
protected void Page_Load(object sender, EventArgs e)
if (!IsPostBack)
HiddenField1.Value = “”;
Known issue
If you have put the HiddenField control below the script tags, you may end up reading ‘undefined’ values. To solve the issue, I recommend putting the hidden fields at the top of the page just below the form tag.
Further, if you are using Master Page, please make changes in the jquery codes respectively. In such case, I recommend the following syntax:
var mySite=$(‘[id$=HiddenField1]’).val();
The system $= means the value that end with HiddenField1. This works since you usually see the id HiddenFiled1 used with master page rendered as ctl00_ContentPlaceholder1_HiddenField1.

Happy programming!


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s