Asp.Net Control Value return undefined in Jquery

Question

In my project i need change visible of dynamic asp control when click label based on textbox values. So i first tried to get textbox value when click label but its return undefined. I am search and get two methods i tried that also it return same.

My Try :

        <script language="javascript" type="text/javascript">

                  $(document).ready(function() {

                      $(document).on("click", "#lblShow", function() {

                      alert($('#<%=txtTotalVersion.ClientID%>').val());

                       alert($('input[id$=txtTotalVersion]').val());

                      var xTotlal =$('#<%=txtTotalVersion.ClientID%>').val()
                          var i = 0;
                       for (i = 0; i < xTotlal; i++) {

                              $('#createDiv' + i).style.display = "blcok";
                              $('#createDiv1' + i).style.display = "block";
                              $('#createDiv2' + i).style.display = "block";
                              $('#createDiv3' + i).style.display = "block";
                          }

                      });

                  });

              </script>

HTML

   <div id="DivCompName">
         <asp:TextBox runat=server ID="txtTotalVersion" Visible="false"></asp:TextBox>
         <asp:TextBox runat=server ID="txtCurrentDisplay" Visible="false"></asp:TextBox>
      </div>

First two alert return undefined.

Bharadwaj · Accepted Answer · 2016-02-18 06:07:32Z

1

Visible="false" is asp.net attribute, in this case your control will not be rendered at the client side. So your client script won't find the control as it doesn't exists!

If you want to store some value at client side and don't want to display it then you can use HiddenFields or you can make the same control hidden by using css style display:none;. (Don't use Visible="false" for this)

edited Feb 18, 2016 at 6:07

answered Feb 18, 2016 at 6:01

Bharadwaj

2,5511 gold badge25 silver badges35 bronze badges

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

Comments

Joe Lu · Accepted Answer · 2016-02-18 05:56:32Z

0

you can add ClientIDMode=Static and call it from your jquery

<asp:TextBox runat=server ID="txtTotalVersion" Visible="false" ClientIDMode="Static"></asp:TextBox>

<script>
    $(document).ready(function () {
        alert("#txtTotalVersion").val();
    })
</script>

reason is, the client id for your control might not be as it is assigned with ID="xxx", if the control is inside of another asp.net server control, after adding the ClientIDMode, you are telling your server to treat this control with a static ID

to learn more: msdn

answered Feb 18, 2016 at 5:56

Joe Lu

2,3701 gold badge18 silver badges19 bronze badges

Collectives™ on Stack Overflow

Asp.Net Control Value return undefined in Jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related