user controls in asp.net prefixing string to child controls causing problem to refer them in javascript

Question

I have user control in which there are text boxes no i am using the AJAX to populate the child controls dynamically however asp.net appending some string to child controls causing problems to write the JavaScript code.
Though i have tried getElementLike('key') which iterate elements and get the right one for me but this is really inefficient. So if anybody has any insight on this issue please provide you input/suggestions.
Thanks all,

Answer 1

Look at using someControl.ClientId, which will give you the ASP.NET generated id of the control. Using this Id you will be able to correctly target the element via javascript.

Answer 2

You will need to refer to those controls like this:

// typical way
var element1 = document.getElementById("<%= control.ClientID %>");
// jquery way
var element2 = $("#<%= control.ClientID %>");

Answer 3

Use jquery to select the item using something like $("[id$='CWRCompanyId']"), this basically looks for id's that end with your expected ID.