How to get hidden field value using javascript in Master Pages

Question

0.00/5 (No votes)

See more:

Hello Friends,
Can anyone tell me, how I can get the value of hidden field using javascript. I'm using master pages.

Here is aspx code

<asp:LinkButton ID="lnkDelete" runat="server" CommandName="Delete" CssClass="delbutton" CommandArgument='<%#Eval("noticeid") %>'>Delete
<asp:HiddenField ID="hfID" Value='<%# Eval("noticeid") %>' runat="server" />

Here what I'm trying, I'm binding value to hidden field. Using this value I'm going to delete record using Json.

I tried following JavaScript

var id = document.form1.item("hfID").value;
alert(id);

It gives error saying: document.form1 is undefined
Is this error due to use of master page, in master page the form has id='form1'

Any idea, how to get value??

Thanks in advance

Posted 1-Jul-11 19:27pm

dhage.prashant01

Add a Solution

Comments

dhage.prashant01 7-Jul-11 7:50am

I made use of Jquery
var id = $('#hfID').val();

But it gives error saying: undefined
Any idea, what is going wrong?

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

dhage.prashant01 · Answer 1 · 2011-07-01T19:39:00

Got solution

check the id of hiddenfield by viewing page source.

document.getElementById("ctl00_cphMain_gvJobs_ctl05_hfID").value;

This is what actual id I have given to hidden filed:hfID

This is added by asp.net:ctl00_cphMain_gvJobs_ctl05_

So if you try to use

document.getElementById("hfID").value;

it gives u error saying: document.getElementById("hfID").value is null

So, final solution is

document.getElementById("ctl00_cphMain_gvJobs_ctl05_hfID").value;

Christian Graus · Answer 2 · 2011-07-01T19:51:00

Solution 2

While the answer you've been given is 'correct', a better way is to use the ClientID for your hidden control in code to emit the value, if you find the value by looking at your source, that value can change. Using ClientID will never break.

Posted 1-Jul-11 19:51pm

Christian Graus

Comments

dhage.prashant01 2-Jul-11 1:59am

how to address it?
document.getElementById('hfID').value;

it gives me error saying: document.getElementById('hfID').value is null

thatraja · Answer 3 · 2011-07-02T07:22:00

Solution 3

Like CG said use the ClientID.

var id = document.getElementById('<%= hfID.ClientID %>').value;
alert(id);

Further Reading
Control.ClientID Property[^]
How-to use ClientIDs in JavaScript without the ugliness[^]

Posted 2-Jul-11 7:22am

thatraja

Prabu ram · Answer 4 · 2012-12-04T00:17:00

Not sure my solution at this time is relevant, but just to let you know:).

if you are using ASP.NET v4.0 then it is quite simple. We can retain the id by applying the ClientIdMode = "Static" attribute to the HiddenField control. Of course, this attribute can be applied to any control be it child or parent.Applying to Page or Master directive will affect all the child controls whose ID value remains unchanged.

Then in your javascript,

JavaScript

document.getElementById("hfID").value;

or if you are using jquery,

JavaScript

$("#hfID").val();

Hope this helps.

How to get hidden field value using javascript in Master Pages

4 solutions

Solution 1

Solution 2

Solution 3

Solution 4

Add your solution here

Preview 0