Get user control element value using jquery in asp.net

Question

I want to get usercontrol label value in my aspx page using jquery . This is my usercontrol

    <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Group.ascx.cs" Inherits="website.Inventory.Setup.UserControl.Group" %>
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
    <style type="text/css">
        .style1
        {
            width: 100%;
            margin-top: 0px;
        }
        .style2
        {
            width: 12%;
        }
    </style>
    <table class="style1">
        <tr>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                <table class="style1">
                    <tr>
                        <td style="width: 2%">
                            &nbsp;
                        </td>
                        <td class="style2" style="width: 13%">
                            &nbsp;&nbsp;
                        </td>
                        <td style="width: 22%">
                            &nbsp;&nbsp;
                        </td>
                        <td style="width: 68%">
                            &nbsp;&nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td align="right" class="error">
                            *
                        </td>
                        <td class="style2">
                            <asp:Label ID="Label6" runat="server" Text="Group:"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txtNameAdd" runat="server" MaxLength="15" ValidationGroup="grpLevelAdd"
                                Width="164px" CssClass="req_bor"></asp:TextBox>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="rfvNameAdd" runat="server" ControlToValidate="txtNameAdd"
                                Display="None" ErrorMessage="Required!" SetFocusOnError="True" ValidationGroup="grpGroupAdd"></asp:RequiredFieldValidator>
                            <asp:ValidatorCalloutExtender ID="rfvNameAdd_ValidatorCalloutExtender" runat="server"
                                Enabled="True" TargetControlID="rfvNameAdd">
                            </asp:ValidatorCalloutExtender>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td class="style2">
                            <asp:Label ID="Label20" runat="server" Text="Description:"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txtDescriptionAdd" runat="server" MaxLength="15" ValidationGroup="grpLevelAdd"
                                Width="164px" TextMode="MultiLine"></asp:TextBox>
                        </td>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td class="style2">
                            <asp:Label ID="Label15" runat="server" Text="Active:"></asp:Label>
                        </td>
                        <td>
                            <asp:CheckBox ID="chkActiveAdd" runat="server" Text="Yes" Checked="True" />
                        </td>
                        <td>
                            &nbsp;&nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td class="style2">
                            &nbsp;&nbsp;
                        </td>
                        <td height="20px" valign="middle" colspan="2">
                            <asp:Label ID="lblmsgAdd" runat="server" CssClass="error"></asp:Label>
                            &nbsp;&nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td class="style2">
                            &nbsp;&nbsp;
                        </td>
                        <td colspan="2">
                            <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="btnAdd_Click" ValidationGroup="grpGroupAdd" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td class="style2">
                            &nbsp;&nbsp;
                        </td>
                        <td>
                            &nbsp;&nbsp;
                        </td>
                        <td>
                            &nbsp;&nbsp;
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

</table>

Here is my control

<uc1:Group ID="UCGroup" ClientIDMode="Static"  runat="server" />

I want to get lblmsgAdd value in my aspx page for this I am doing like this

 var a = $('#<%=UCGroup.ClientID%>').find('#<%=lblmsgAdd.ClientID%>').val();

But this is not working , How do I get my label value . Need Help

why you are using $('#<%=UCGroup.ClientID%>') . Can't you get this only by $('#<%=lblmsgAdd.ClientID%>').val(); ? — collab-with-tushar-raj
– collab-with-tushar-raj, Commented Sep 26, 2014 at 12:03
write it in your user control . it's not there . the code you have posted . <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Group.ascx.cs" Inherits="website.Inventory.Setup.UserControl.Group" %> — collab-with-tushar-raj
– collab-with-tushar-raj, Commented Sep 26, 2014 at 12:11

Sam · Accepted Answer · 2014-09-26 12:59:49Z

1

Create a public property in your user control that returns your Label's ClientID as below

public string AddMessageClientId
{
   get
   {
      return lblmsgAdd.ClientID;
   }
}

Then call it in your JQuery as below

var a = $('#<%= AddMessageClientId %>').val();

edited Sep 26, 2014 at 12:59

answered Sep 26, 2014 at 12:44

Sam

2,9251 gold badge17 silver badges28 bronze badges

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

1 Comment

Sam Over a year ago

Vote and accept the answer if that answered your question

Collectives™ on Stack Overflow

Get user control element value using jquery in asp.net

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related