Question

In ASP.NET, when you give a tag an ID it generates a unique HTML id for the element based on the control hierachy, ie.

<asp:Panel ID="test" runat="server">
    ...
</asp:Panel>
<!-- Becomes... -->
<div id="plc_lt_zoneContent_PagePlaceholder_PagePlaceholder_lt_test_test">
    ...
</div>

Is there some way of determining the generated id in the codebehind file? I need to generate some Javascript that uses the id.

Answer 1

Do this in javascript:

<script type="text/javascript">

  var theID = '<%= test.ClientID %>';
  // theID contains your ID

</script>

Update: I noticed a comment below that ClientId didn’t work. It’s ClientID (case sensitive). Here’s the documentation reference to ClientID:

http://msdn.microsoft.com/en-us/library/system.web.ui.control.clientid(VS.71).aspx