Get Value of Hidden Field in Client Side

Question

On a button click on my server side, I assign value to the Hidden Field from a column in my table.

Dim dsGetEnquiryDetails = dbl.usp_GetEnquiryRegisterDetails(Val(lblEnquiryRegisterID.Text)).AsQueryable
For Each record In dsGetEnquiryDetails
    HiddenStatusFlag.Value = record.StatusFlag
Next

In my client side function I use this, but not getting any value.

var StatusFlag = '';
StatusFlag = document.getElementById('<%= HiddenStatusFlag.ClientID%>');

What am I missing?

Often after a "get" like that I'll add a simple `alert(StatusFlag);` to see what the value is. If it's "null" I know I muffed the command. If it displays something like "[object HtmlInputElement]" I know I got the control instead of the property I intended. — JMD, Apr 07 '16 at 16:51
The `Visible` property must not be set to `false`. Otherwise js can't see it. It will still be hidden. — StevenWhite, Dec 21 '16 at 03:25

score 42 · Accepted Answer · answered Oct 23 '13 at 07:06

42

That returns the input. You need the value of the hidden input.

StatusFlag = document.getElementById('<%= HiddenStatusFlag.ClientID%>').value;

answered Oct 23 '13 at 07:06

nunespascal

17,584
2
43
46

score 7 · Answer 2 · edited Oct 26 '16 at 11:04

7

If your hiddenfield used runat="server"

Use this code:

StatusFlag = document.getElementById('<%= HiddenStatusFlag.ClientID%>').value;

else use this code:

StatusFlag = document.getElementById("HiddenStatusFlag").value;

edited Oct 26 '16 at 11:04

Enkode

4,515
4
35
50

answered Oct 23 '13 at 07:15

Ramesh Rajendran

37,412
45
153
234

Hi Ramesh, thanks :) I have fixed this issue using @NunesPascal's suggestion. – MusicLovingIndianGirl Oct 23 '13 at 07:16
1

@Aishvarya Okay fine . Yaar answer'a irunthaa enna ,work mudinja serithaan !!! do well mam !Cheers – Ramesh Rajendran Oct 23 '13 at 07:18
2

Mikka Nandri @Ramesh ji :) – MusicLovingIndianGirl Oct 23 '13 at 07:28

score 6 · Answer 3 · answered Oct 23 '13 at 07:07

6

Assuming that it's not null you don't use the hiddenfield's value proprty:

var statusFlag = '';
var hiddenStatusFlag = document.getElementById('<%= HiddenStatusFlag.ClientID%>');
if(hiddenStatusFlag != null)
{
    statusFlag = hiddenStatusFlag.value;
}

answered Oct 23 '13 at 07:07

Tim Schmelter

450,073
74
686
939

score 5 · Answer 4 · answered Jun 24 '15 at 15:41

5

in jquery:

var hiddenValue = $('#hiddenFieldID').val();

answered Jun 24 '15 at 15:41

sandman0615

521
6
8

score 2 · Answer 5 · answered Oct 23 '13 at 07:15

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
 <script type="text/javascript" language="javascript">
alert(document.getElementById("<%= Hiddenfield1.ClientID %>").value);
</script>
</head>
<body>

<div>
<asp:hiddenfield ID="Hiddenfield1" runat="server" value="Hussain Testing"></asp:hiddenfield>
</div>
<body>

</html>

score 0 · Answer 6 · answered Oct 23 '13 at 10:54

0

in javascript:

var SomeVar = document.getElementById('HiddenField_ID').value;
StatusFlag = SomeVar;

answered Oct 23 '13 at 10:54

Helmer

116
2

Get Value of Hidden Field in Client Side

6 Answers6

Linked