How to access controls in template column in Javascript

[Jagat]

Hello,

  I am trying to access the controls( textbox and dropdown) in template columns in the javascript. The way i am doing is,,,
 var lat = '<%=txtComments.ClientID %>';
                   var lon  = '<%= ddlReason.ClientID %>';

But i am getting a error that those controls are not declared...

I am calling that javascript function like thiss

 <telerik:GridTemplateColumn HeaderText="Reason" UniqueName="Reason" Visible = "false">
        <EditItemTemplate>
          <asp:DropDownList ID="ddlReason" runat="server" ToolTip="Reason"   OnSelectedIndexChanged="NoShowReason(); return    false;" >
 </asp:DropDownList>
</EditItemTemplate>
   </telerik:GridTemplateColumn>

How do i do this????

Appreciate the help
Thanks

[Shinu]

Hello Jagat,

You can try the following code library approach to access the Template controls.
Accessing server controls in a grid template on the client.

Thanks,
Shinu.