how to pass the ID of a text box in a gridview to a javascript

Arindam Datta

i am developing a web based application where i use i want to pass textbox ID which is in a grid view to the java script. how it can be possible Sourav ghosh

Imran Khan Pathan

Don't repost. Check Ignore HTML tags check box to post HTML code

please don't forget to vote on the post that helped you.

eyeseetee

Would you not just use var myValue = document.getElementbyID('mytextBox').value;

J4amieC

No, because a GridView is a NamingContainer so will give a UniqueID to your textbox.

J4amieC

Please give more info about what you are trying to achieve, as often you dont even need the ID of the textbox. If you do, a textbox has a UniqueID property which you can use from Javascript

Arindam Datta

<asp:GridView id="GridView1" runat="server" Font-Size="X-Small" ForeColor="#333333" Width="802px" AllowPaging="True" GridLines="None" CellPadding="4" ShowFooter="false" AutoGenerateColumns="False" CssClass="grid-view" OnDataBound="GridView1_DataBound">
<EmptyDataTemplate>
<asp:Label ID="Label1" runat="server" Font-Bold="True" ForeColor="Red" Text="No Data Found"></asp:Label>
</EmptyDataTemplate>
<Columns>
<asp:BoundField DataField="ORDER_NO" HeaderText="ORD_NO" ></asp:BoundField>
<asp:BoundField DataField="ITEM_NO" HeaderText="ITEM_NO" ></asp:BoundField>
<asp:BoundField DataField="BALTONS" HeaderText="BALTONS" ></asp:BoundField>
<asp:BoundField DataField="ORDDATE" HeaderText="ORDDATE" ></asp:BoundField>
<asp:BoundField DataField="DUEDATE" HeaderText="DUEDATE" ></asp:BoundField>
<asp:BoundField DataField="MATNR" HeaderText="MAT_NO" ></asp:BoundField>
<asp:BoundField DataField="DESCRIPTION" HeaderText="MAT_DESCP"><HeaderStyle Width="5000px" /><ItemStyle Width="5000px" /></asp:BoundField>
<asp:TemplateField HeaderText="PLANQTY">
<ItemTemplate>

        <asp:TextBox ID="txtplanqty" runat="server" BackColor="#ffffcc" OnTextChanged="txtplanqty\_TextChanged" AutoPostBack="true" Font-Size="x-Small" Text='<%# Eval("PLAN\_QTY") %>' Width="70px"></asp:TextBox>
        
      </ItemTemplate>
      </asp:TemplateField>
      <asp:TemplateField HeaderText="TRGT\_PRD">
      <ItemTemplate>
      
            <asp:TextBox ID="txttrgtprd" runat="server" Font-Size="X-Small" onfocus="getdata(this)" OnTextChanged="txttrgtprd\_TextChanged" BackColor="#ffffcc"  Width="70px" Text='<%# Eval("TRGT\_PRD") %>' AutoPostBack="true"></asp:TextBox>
       
      </ItemTemplate>
      </asp:TemplateField>
       </Columns>
       <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
       <RowStyle BackColor="#EFF3FB" />
       <EditRowStyle BackColor="#2461BF" />
       <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
       <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />

Arindam Datta

        &lt;asp:TextBox ID="txtplanqty" runat="server" BackColor="#ffffcc" OnTextChanged="txtplanqty\_TextChanged" AutoPostBack="true" Font-Size="x-Small" Text='&lt;%# Eval("PLAN\_QTY") %&gt;' Width="70px"&gt;&lt;/asp:TextBox&gt;
        
      &lt;/ItemTemplate&gt;
      &lt;/asp:TemplateField&gt;
      &lt;asp:TemplateField HeaderText="TRGT\_PRD"&gt;
      &lt;ItemTemplate&gt;
      
            &lt;asp:TextBox ID="txttrgtprd" runat="server" Font-Size="X-Small" onfocus="getdata(this)" OnTextChanged="txttrgtprd\_TextChanged" BackColor="#ffffcc"  Width="70px" Text='&lt;%# Eval("TRGT\_PRD") %&gt;' AutoPostBack="true"&gt;&lt;/asp:TextBox&gt;
       
      &lt;/ItemTemplate&gt;
      &lt;/asp:TemplateField&gt;
       &lt;/Columns&gt;
       &lt;FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White

eyeseetee

Yeah forgot about that, he would have to find the control within the gridview.

J4amieC

function getdata(obj)
{
var txt = document.getElementById(obj);
txt.value='0';
}

note in the above snippet that you are passing a reference to the textbox (this) to the javascript method, hence you dont need the getElementById at all - you already have a reference to the element. therefore, your javascript method can simply be

function getdata(obj)
{
obj.value='0';
}

or your textbox's onfocus could simply be: onfocus="this.value='0';"