asp textbox in jquery popup is returning null [Answered]RSS

• • Reply
  Jayadeep Bob...

  Member

  29 Points

  54 Posts

  asp textbox in jquery popup is returning null

  Dec 06, 2014 03:54 AM|Jayadeep Bobba|LINK

  HI all,

   I have a text box in juery pop up after clicking on a button i was trying to save the value in text box to db using c#  but the textbox is retuning null value . somebody please respond to this issue

• • Reply
  XIII

  All-Star

  191572 Points

  20937 Posts

  ASPInsiders

  Moderator

  MVP

  Re: asp textbox in jquery popup is returning null

  Dec 06, 2014 07:49 AM|XIII|LINK

  Hi,

  try to put the information in a hidden field outside of the popup in the form that you're submitting to the server just before the popup gets closed.

  Also, make use of the F12 tools of your browser to inspect the value of the textbox after it's been filled in and again after the popup has been closed. Likely the closing of the popup has destroyed the value of the textbox somehow.

  Grz, Kris.

  Read my blog | Twitter
  Working with Azure, chatbots, ASP.NET MVC, Web API, EF, MS SQL, ...
  Keep the forums clean: report to the moderation team!
• • Reply
  Zhi Lv - MSF...

  All-Star

  45479 Points

  7008 Posts

  Microsoft

  Re: asp textbox in jquery popup is returning null

  Dec 08, 2014 03:46 AM|Zhi Lv - MSFT|LINK

  Hi Jayadeep,

  As XIII said, you could use a hidden field. please refer to the following code.

      <form id="form1" runat="server">
          <h2 class="demoHeaders">Dialog</h2>
          <p><a href="#" id="dialog-link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>
  
          <div id="dialog" title="Dialog Title">
              <asp:TextBox runat="server" ID="txtName"></asp:TextBox>
              <asp:Button runat="server" ID="btnGetName" Text="GetName" OnClick="btnGetName_Click" />
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
          </div>
          <asp:Label runat="server" ID="lblMessage" Text=""></asp:Label>
          <asp:HiddenField ID="HiddenField1" runat="server" />
          <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
      </form>
      <script src="external/jquery/jquery.js"></script>
      <script src="jquery-ui.js"></script>
      <script>
          $("#dialog").dialog({
              autoOpen: false,
              width: 400,
              buttons: [
                  {
                      text: "Ok",
                      click: function () {
                          var str = $("#txtName").val();
                          $("#HiddenField1").val(str);
                          $(this).dialog("close");
                      }
                  },
                  {
                      text: "Cancel",
                      click: function () {
                          $(this).dialog("close");
                      }
                  }
              ]
          });
  
          // Link to open the dialog
          $("#dialog-link").click(function (event) {
              $("#dialog").dialog("open");
              event.preventDefault();
          });
      </script>

  Code Behind.

          protected void Button1_Click(object sender, EventArgs e)
          {
              lblMessage.Text = HiddenField1.Value;
          }

  Best Regards,
  Dillion

  MSDN Community Support
  Please remember to click "Mark as Answer" the responses that resolved your issue.
  If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.