Accessing asp:HiddenField in Javascript

Question

I am very confused when it comes to using asp:hiddenfields .

Here is my code:

<asp:HiddenField ID ="CurrentAnswer" runat="server" Value="-1" />

and in a js file loaded in that html page:

$(document).ready(function () {
    alert(document.getElementById("<%= CurrentAnswer.ClientID %>"));
});

This value returns null. It will work if i put it into the same asp webform, but not in a separate js file.I have seen this done on just about every page I looked at. here for example. I have no idea why this is not working. Any thoughts?

This is explained in detail on this page: [link]stackoverflow.com/questions/2027062/jquery-hidden-field[/link] — Rastographics
– Rastographics, Commented Oct 11, 2013 at 16:42

Win · Accepted Answer · 2013-10-11 16:37:55Z

4

If you want to keep the javascript in sepearate js file, you want to use Static (or Predictable) for ID.

<asp:HiddenField ID="CurrentAnswer" runat="server" Value="-1" 
   ClientIDMode="Static" />

Separate JavaScript File

$(document).ready(function () {
    alert($("#CurrentAnswer").val());
});

answered Oct 11, 2013 at 16:37

Win

62.4k13 gold badges106 silver badges190 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mayabelle · Accepted Answer · 2013-10-11 16:15:56Z

0

If the CurrentAnswer ID is not dynamic, you can do this:

$(document).ready(function () {
    alert(document.getElementById("CurrentAnswer"));
});

Of course, this will give you an object, so you can call .val() to get the value of it.

answered Oct 11, 2013 at 16:15

mayabelle

10.1k10 gold badges40 silver badges59 bronze badges

Collectives™ on Stack Overflow

Accessing asp:HiddenField in Javascript

2 Answers 2

Separate JavaScript File

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Separate JavaScript File

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related