Calling jQuery function using C# CodeBehind with return value

Question

I have an ASP.NET application that will be used to display information from a server regarding various sites for a water company. I have a jQuery method that returns the text of the hyperlink which has been clicked within the div 'info':

<script type="text/javascript">
        $('#info a').click(function getName()
        {
            return ($(this).text());
        });
</script>

I can call this method using C# codebehind using the code

ScriptManager.RegisterStartupScript(this, this.GetType(), "script", "getName()", true);

However I cannot get its return value, which is what I need. Can anyone shed some light on this?

You cannot call client side script and get return values in server side code. If you want your server code to react to a link being clicked then there are options (submit the form with a hidden field or use an ajax call, for example), but what you've got above simply won't work. I'd strongly recommend that you do some reading about the ASP.Net Page Life Cycle; — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented Oct 1, 2013 at 9:01
the question is where you want to set those values , just update the value of that control ? why is return required? — Rameez Ahmed Sayad
– Rameez Ahmed Sayad, Commented Oct 1, 2013 at 9:01
@RameezAhmedSayad He's trying to return the value of a client-side script to a server function. — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented Oct 1, 2013 at 9:07

Satinder singh · Accepted Answer · 2013-10-01 10:16:20Z

7

Use hidden field :

<input type="hidden" id="myhiddenField" name="myhiddenField" runat="server" />

And JQuery (have not tested this) :

<script type="text/javascript">
        $('#info a').click(function getName()
        {
            $("#myhiddenField").val($(this).text());
        });
</script>

And then you would be able to access hidden field in code behind myhiddenField.Value.

Or if you want to use Ajax Call see tutorial here

EDIT :

I created a little project and the below works fine for me (I get alert "testing"):

 <script type="text/javascript">
        $(document).ready(function () {
            $('#info a').click(function getName() {
                // As control having runat="server" their ids get changed
                // selector would be like this 
                $("#<%= myhiddenField.ClientID %>").val($(this).text());
                alert($("#<%= myhiddenField.ClientID %>").val());
            });
        });
</script>

<div id="info">
  <a href="#">testing</a>
</div>
<input type="hidden" id="myhiddenField" name="myhiddenField" runat="server" />

edited Oct 1, 2013 at 10:16

Satinder singh

10.2k18 gold badges64 silver badges102 bronze badges

answered Oct 1, 2013 at 9:08

Zaki

5,6087 gold badges58 silver badges91 bronze badges

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

10 Comments

Phil Over a year ago

Thanks. What C# code will I need to access this hidden field? Sorry I am fairly new to ASP

Zaki Over a year ago

You can use it like any other field try myhiddenField.Value - updated answer

Phil Over a year ago

I am not able to access myHiddenField (does not exist in current context)

Zaki Over a year ago

oops forgot runat="server" in hidden field. try that please :)

Phil Over a year ago

Everything runs smoothly but myHiddenField.Value comes back without a value, is it null for some reason?

|

Sain Pradeep · Accepted Answer · 2013-10-01 09:07:20Z

1

You need to fire a button click event from JavaScript in ASP.NET after the document ready

like this

ScriptManager.RegisterStartupScript(this, this.GetType(), "script", "$(function() {
$( ‘#info a
‘ ).click(); });
", true);

for more details see Click()

answered Oct 1, 2013 at 9:07

Sain Pradeep

3,1351 gold badge24 silver badges34 bronze badges

Comments

BenMorel · Accepted Answer · 2014-01-19 00:38:59Z

-1

Try this Calling Javascript function on code behind

ClientScript.RegisterStartupScript(GetType(), "Javascript", "javascript:FUNCTIONNAME(); ", true);

And If you have UpdatePanel there then try like this

ScriptManager.RegisterStartupScript(GetType(), "Javascript", "javascript:FUNCTIONNAME(); ", true);

Updated Answer:

Client Side : Create a function and set value to hidden field as clientside , and on serverside call this function and get hiddenfield value

JS:

  function myFunc(){
     //set you value to hiddenfield
     $(".hdfiled").val("Hello");
      alert($(".hdfiled").val());
    }

Code behind : Here am calling myFunc from serverside as your Title says call function from CODE BEHIND

ClientScript.RegisterStartupScript(GetType(), "Javascript", "javascript:myFunc(); ", true);
string getHd_Value=  myhiddenField.value;

JS FIDDLE TO check hiddenfield values

edited Jan 19, 2014 at 0:38

BenMorel

37k52 gold badges208 silver badges339 bronze badges

answered Oct 1, 2013 at 8:55

Satinder singh

10.2k18 gold badges64 silver badges102 bronze badges

2 Comments

Phil Over a year ago

These work for calling the function however I cannot get the function's return value - is there any additional code I can use to grab the return value?

Reinstate Monica Cellio Over a year ago

He's trying to return the value of a client-side script to a server function.

Collectives™ on Stack Overflow

Calling jQuery function using C# CodeBehind with return value

3 Answers 3

10 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

10 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related