Accessing ASP HiddenField In Javascript

I have been searching through here and google for a few days now, trying to figure out why I cannot get the value of a hiddenfield variable in javascript. When accessed, the value

Solution 1:

You need to set ClientIDMode if you want to make it simple:

<asp:HiddenField runat="server" ClientIDMode="Static" Id="hidServer"/>

<script type="text/javascript">
  alert($("#hidServer").val());
</script>

Or, use the ClientID property if you don't set ClientIDMode:

<asp:HiddenField runat="server" Id="hidServer"/>

<script type="text/javascript">
  alert($("<%= hidServer.ClientID %>").val());
</script>

Solution 2:

User controls have always been a strange issue for referencing using js and then master pages to go along with it.

For the hidden field do this:

<asp:HiddenField ID="hdnServer" runat="server" ClientIDMode="Static" />

in the js, do this:

var serverName = document.getElementById('hdnServer').value;

Solution 3:

Try this:

var temp = $('#mytestcontrol_hdnServer').val();

Solution 4:

you need to use ' not " like:

var serverName = document.getElementById('<%= hdnServer.ClientID %>').value;

be careful don't use ". You have only use '

Solution 5:

You can do this:

var temp = $('#hdnServer').val();

Instead of :

var temp = document.getElementById("<%=hdnServer.ClientID%>").value;

Also change this:

var serverName = document.getElementById("<%= hdnServer.ClientID %>").value;

To this:

var serverName = $('#hdnServer').val();