How to get hidden field value code behind updated by jquery/javascript

Question

I have an <asp:menu/> control and a hidden field.Now i am using jQuery to change value of hidden field. Code is:-

$(function() {

    $(".primaryStaticMenu  tr,td").each(function(index) {

        $(this).click(function() {

            if ($(this).attr("title") != "undefined"
                && $(this).attr("title").length > 0) {

                document.getElementById('ctl00_Hidden_Master_Location').value = $(this).attr("title");

                alert(document.getElementById('ctl00_Hidden_Master_Location').value);
                //return false;
            }
        });
    });
});

Server side code to get updated value is:-

string Get_cng_value = Hidden_Master_Location.Value;

But Hidden_Master_Location.Value shows null every time. can any one tell me how to get updated value of hidden field from code behind.

what this line prompts in the browser? alert(document.getElementById('ctl00_Hidden_Master_Location').value); — K D
– K D, Commented Mar 5, 2013 at 6:27
i'm new to jquery but the id of the hidden field is ctl00_Hidden_Master_Location, shouldn't that be used to refer it in your server code instead of Hidden_Master_Location.Value? — Aashray
– Aashray, Commented Mar 5, 2013 at 6:28
In addition to server side code show how you submit data to server (that portion of script/HTML is missing from your question). — Alexei Levenkov
– Alexei Levenkov, Commented Mar 5, 2013 at 6:30
try: document.getElementById(<%=Hidden_Master_Location.ClientId%>.value); — 4b0
– 4b0, Commented Mar 5, 2013 at 6:37

Talha · Accepted Answer · 2013-03-05 06:52:26Z

2

Let say your hidden field is as..

<asp:HiddenField ID="Hidden_Master_Location" runat="server"  />

you can get the value of hidden filed in jquery as

var locationValue= $("#<%= Hidden_Master_Location.ClientID %>").val();

answered Mar 5, 2013 at 6:52

Talha

19.3k8 gold badges53 silver badges66 bronze badges

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

3 Comments

Ashish Rathore Over a year ago

It works fine in client side i need to access updated value from server side code.And i am not able to get that value.

sp_m Over a year ago

@ashish,Make sure your hidden value not getting cleared on page load, post-back .

Ashish Rathore Over a year ago

I were place this code on form load but the value is null. Code :- String Get_cng_value = Hidden_Master_Location.Value;

abidmix · Accepted Answer · 2013-03-05 09:52:29Z

0

Do this, it works for me.the trick is to save your hidden field precious id in another hidden input field then build it back using that hidden value.

Markup

<asp:HiddenField ID="HiddenFieldMaster" runat="server" />
   <input type="hidden" id="inputHidden" value='<%= HiddenFieldMaster.ClientID%>' />

Javascript

    $(function() {

$(".primaryStaticMenu  tr,td").each(function(index) {

    $(this).click(function() {

        if ($(this).attr("title") != "undefined"
            && $(this).attr("title").length > 0) {

           var inputHidden = document.getElementById('inputHidden');
                $("#" + inputHidden.value).val($(this).attr("title"));

            alert(inputHidden.value);
            //return false;
        }
    });
});
 });

Code Behind

String Get_cng_value = HiddenFieldMaster.Value;

answered Mar 5, 2013 at 9:52

abidmix

1,7481 gold badge16 silver badges26 bronze badges

4 Comments

Ashish Rathore Over a year ago

Sorry to say but it is not working. Hidden field working properly on simple aspx page. But here my master page contains this hidden field and on master page load event the hidden field value goes cleared.And i am not able to access that value.

abidmix Over a year ago

Sorry to hear that.You have to investigate what is happening in your page life cycle.Try a textbox with a hidden css class and see if also its value is being wiped out.

Ashish Rathore Over a year ago

I tried with text-box control but the problem is still there. The value of text-box being wiped out on page load.

abidmix Over a year ago

Zip up the offending files and drop box them so that I can have a look.Zip up the master and its child form.

Collectives™ on Stack Overflow

How to get hidden field value code behind updated by jquery/javascript

2 Answers 2

3 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related