Access a control in javascript

Question

i have a control i created behind code

    Dim txtdate1 As New TextBox
    txtdate1.ID = "txtdate1"
    cell.Controls.Add(txtdate1)

Cell is a header table cell i added to a gridview.

I need to access this in javascript

var txtdate1 = document.getElementById('txtdate1');

OR

var txtdate1 = document.getElementById('<%=txtdate1.clientID');

How can this be done?

This is how the cell is created

Dim cell As New TableCell
Dim row As New GridViewRow(-1, -1, DataControlRowType.Separator, DataControlRowState.Normal)
    row.BackColor = System.Drawing.ColorTranslator.FromHtml("#B5C7DE")
    row.ForeColor = Drawing.Color.White
    If GridView1.Rows.Count <> 0 Then
        GridView1.Rows(0).Parent.Controls.AddAt(0, row)
    Else

    End If

    row.Controls.Add(labelcell)
    row.Cells.Add(cell)

Answer 1

You should be able to use the built-in $find function of MS Ajax in conjunction with ClientID.

var txtdate1 = $find('<%=txtdate1.ClientID %>');

Answer 2

Try:

var txtdate1 = $find('<%= cell.FindControl("txtdate1").ClientID %>');

Or when you create the control dynamically in code, save the client id to a property of the page and then render the property.

First create a class property:

Dim txtID As String        'This should be a class property

Then when you create the control dynamically, save the ClientID:

Dim txtdate1 As New TextBox
txtdate1.ID = "txtdate1"
cell.Controls.Add(txtdate1)
Me.txtID = txtdate1.ClientID  'Save the client id to a property

Then in javascript you can load the control like this:

var txtdate1 = $find('<%= txtID %>');

Answer 3

You've almost got it. Actually, I'm surprised if your second line would compile.

var txtdate1 = document.getElementById('<%= cell.FindControl("txtdate1").ClientID %>');

By the way, folks, there is a difference between Javascript and jquery, and the OP never indicated the presence of jquery.