Passing JQuery variable to code behind in asp.net

Question

I have been trying for a while to get the variable passed from the JQuery function to the code behind so that I can enter it into a database via an SQL statement. However, I never seem to get the variable passed. Or if it is passing, I can't seem to get it to display to make sure it has been passed. Can anyone see what's wrong with my script?

<script type="text/javascript">
  $(function () {
      var comment = $("#comment"),
      allFields = $([]).add(comment);
      $('#<%= hidden.ClientID %>').val(comment);


      $("#dialog-form").dialog({
          autoOpen: false,
          height: 300,
          width: 350,
          modal: true,
          buttons: {
              "Add Comment": function () {
                  var bValid = true;
                  allFields.removeClass("ui-state-error");
                  if (bValid) {
                      $("#comments tbody").append("<tr>" +
                        "<td>" + comment.val() + "</td>" +
                        "<td>" + "<%=currentUser%>" + "</td>" +
                        "</tr>");

                      $(this).dialog("close");
                      //                          
                  }
              },
              Cancel: function () {
                  $(this).dialog("close");
              }
          },
          close: function () {
              allFields.val("").removeClass("ui-state-error");
          }
      });

      $("#NewComment")
    .button()
    .click(function () {
        $("#dialog-form").dialog("open");

    });
  });  
    </script>

And here is my hidden input field:

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

Hanlet Escaño · Accepted Answer · 2013-01-31 23:24:09Z

3

I would suggest to use an actual Asp.Net HiddenField control like this:

Markup:

<div>
    <asp:HiddenField ID="hidden" runat="server" />
    <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
</div>

Code Behind:

protected void Button1_Click(object sender, EventArgs e)
{
    string hidden = this.hidden.Value;
    Response.Write(hidden);
}

Javascript:

<script>
    $(document).ready(function () {
        $("#<%=hidden.ClientID %>").val("Hello, World!");
    });
</script>

Output: Hello, World!

answered Jan 31, 2013 at 23:24

Hanlet Escaño

17.4k10 gold badges54 silver badges76 bronze badges

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

9 Comments

Eric Hickman Over a year ago

passing "hello world!" works fine. it's when I try passing the variable "comment" that it doesn't work. I have a JQuery Dialog popup that has an input field in it and an Add Comment Button in it. The user types a comment and hits the button. I'm trying to retrieve the comment variable from JQuery.

Hanlet Escaño Over a year ago

You don't exactly mention what variable you are talking about in your question. comment should be comment.val(). What is var comment = $("#comment")? Also you should have a ";" instead of a "," in there.

Eric Hickman Over a year ago

var comment = $("#comment") is getting the value of the input field inside of the dialog pop up. Sorry, the id of the input field inside the popup is comment.

Hanlet Escaño Over a year ago

I think I see what you want to do now. But it seems to me "Comment" is a table. If comment is a table, do you want the html of the table inside the hidden field? you do it like this: $("#comment").html()

Eric Hickman Over a year ago

when i response.write(hidden), I am only getting [object, Object]

|

Raj Baral · Accepted Answer · 2017-02-13 22:44:13Z

0

What are you trying to do with this line: $('#<%= hidden.ClientID %>').val(comment); ? aren't you missing something like comment**.val()**

Still if I were you I would use a simple handler and make a ajax request.

edited Feb 13, 2017 at 22:44

Raj Baral

7018 silver badges19 bronze badges

answered Jan 31, 2013 at 23:08

Rui Lima

7,5134 gold badges33 silver badges42 bronze badges

Collectives™ on Stack Overflow

Passing JQuery variable to code behind in asp.net

2 Answers 2

9 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related