Could not access asp.net control ID in jquery

Question

I have this html structure:

<asp:Panel ID="divOne">
  <div class="divSection1">
  <asp:Panel runat="server" id="specialId" class="ClassOne ClassTwo"
    <asp:Label  id="MyLabel"></asp:Label>
    <div id="myDiv" </div>
  </asp:Panel>
  </div>
</asp:Panel>

And i am trying to access the "specialId" in jquery like $('#specialId'), $('div.specialId') with no success. Can someone advice?

check this stackoverflow.com/questions/11389733/… . It does something similar — Surender
– Surender, Commented Nov 8, 2013 at 13:23
You should provide the actual generated HTML, and not your template code. — moonwave99
– moonwave99, Commented Nov 8, 2013 at 13:23
What does the actual client-side HTML look like? JavaScript doesn't interact with your server-side code. — David
– David, Commented Nov 8, 2013 at 13:24
runat="server" seems to be missing on your tags. If possible, make a selection on the class. Or use the ClientID as stated by @ChiraqVidani — jbl
– jbl, Commented Nov 8, 2013 at 13:28

Community · Accepted Answer · 2017-05-23 11:51:20Z

6

My similar answer with a little more explanation is here

runat="server" in asp.net adds master and page information to each of its control. So, if you look at the DOM, your control would look something like this master_page_ctrl0_specialId[just an example].

You have a few options.

Option1: Use the client ID - recommended but meh.. not so much. I would try to avoid writing ClientID in javascript as much as possible.

$('#<%= specialId.ClientID %>')

Option2: Using the same ID - not recommended because its really ugly.

$('[id$=specialId]') or $('[id*=specialId]')

The above selectors are any id which ends with specialID and any id which contains specialId respectively.

Option3: Using the class - highly recommended. Because selectors using classes are clean and uncomplicated. Also, I see you've used class, use CssClass instead for .net controls.

$('.ClassOne.ClassTwo')

Option4: Use ClientIDMode="Static", which got introduced in .NET Framework 4.0, on the control so that its ID will stay unchanged. - recommended too.

<asp:Panel runat="server" ClientIDMode="Static" id="specialId" CssClass="ClassOne ClassTwo">
</asp:Panel>

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Nov 8, 2013 at 14:03

Venkata Krishna

15.2k5 gold badges45 silver badges57 bronze badges

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

1 Comment

jbl Over a year ago

There is also the overlooked 4th option of using Static ClientIDMode msdn.microsoft.com/en-us/library/…

Chirag Vidani · Accepted Answer · 2013-11-08 13:24:27Z

1

You should use actual generated HTML id using below syntax

That means you need to use client ID which can be accessed via below syntax

$('#<%= specialId.ClientID %>')

answered Nov 8, 2013 at 13:24

Chirag Vidani

2,59519 silver badges27 bronze badges

1 Comment

Eric Burdo Over a year ago

This doesn't work if your Javascript file is an external one though. :(

Collectives™ on Stack Overflow

Could not access asp.net control ID in jquery

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related