how to get value of textbox within gridview using javascript?

Question

0.00/5 (No votes)

See more:

Hello,
I m having a gridview, which contains some textBox in each row. I need o perform some calculation on this textbox value using JAVAScript..
I am doing this with usual way, but it gives me an error like .."This txt_box does not exist in the current context.."
so plz do suggest a proper solution for this problem:
Here is my code:
in GRID VIEW

C#

<ItemTemplate>
                                
                                <asp:TextBox ID="txt_Install" runat="server" Text='<%# Eval("total") %>'  ></asp:TextBox>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField ItemStyle-Width="20%" HeaderText="Recieved Installment">
                            <ItemTemplate>
                            <asp:TextBox ID="txt_rcvInstl" runat="server" onKeyUp="DueAmt()"></asp:TextBox>
                                <%--<asp:Label ID="txt_InstallDate" Text='<%# Eval("Installmentdate") %>' runat="server"></asp:Label>--%>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField ItemStyle-Width="20%" HeaderText="Due Amount">
                            <ItemTemplate>
                            <asp:TextBox ID="txt_dueAmt" runat="server"></asp:TextBox>
                               
                            </ItemTemplate>

in JavaScript :

XML

<script type="text/javascript">

    function DueAmt() {
        var install = document.getElementById('<%= txt_Install.ClientID %>').value;
        var RcvInstl = document.getElementById('<%= txt_rcvInstl.ClientID %>');
        var Due = document.getElementById('<%= txt_dueAmt.ClientID %>');

        if (install != "") t1 = install.value;
        if (RcvInstl != "") t2 = RcvInstl.value;
        Due.value = parseFloat(t1) - parseFloat(t2);


    }
</script>

Posted 20-Mar-14 0:53am

rahulDer

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sibasisjena · Answer 1 · 2014-03-20T01:04:00

Solution 1

Please have a look on the bellow link :
How to get the text value from textbox which is in Gridview using Javascript[^]

How to find text-box in GridView using Javascript[^]

Posted 20-Mar-14 1:04am

Sibasisjena

Updated 20-Mar-14 1:05am

v2

sankarsan parida · Answer 2 · 2014-03-20T01:05:00

Just try this

C#

function DueAmt() {
    var install = document.getElementById('<%= GridView1_ctl02_txt_Install.ClientID %>').value;
    var RcvInstl = document.getElementById('<%= GridView1_ctl02_txt_rcvInstl.ClientID %>');
    var Due = document.getElementById('<%= GridView1_ctl02_txt_dueAmt.ClientID %>');

    if (install != "") t1 = install.value;
    if (RcvInstl != "") t2 = RcvInstl.value;
    Due.value = parseFloat(t1) - parseFloat(t2);

Snesh Prajapati · Answer 3 · 2014-03-20T01:32:00

Solution 3

You are not able to get the text of asp.net textbox controls because when page is being rendered its id got change. You can see using View page source.
There are many ways to get the value of textbox. Easiest way as given below (I am not saying that it is a good practice but for time being you can do).
Modified:

<asp:textbox id="txt_Install" runat="server" name="mytextbox" onkeyup="DueAmt()" xmlns:asp="#unknown"></asp:textbox>

Sample of script code:

function DueAmt() {
            var install = document.getElementsByName("ctl00$MainContent$MainContent_txt_Install")[0].value;
            alert(install);         
        }

Here “ctl00$MainContent$MainContent_txt_Install” is taken from View page source.

Posted 20-Mar-14 1:32am

Snesh Prajapati

Updated 20-Mar-14 1:33am

v2

Comments

rahulDer 20-Mar-14 7:51am

still not getting ..:(

Snesh Prajapati 20-Mar-14 7:57am

I am saying when page is being rendered in the browser. Right click then you will get an options like View page source.

rahulDer 20-Mar-14 8:06am

ya but problem is that, this code even does not allow me to debug my project and showing error like this :
Error 33 The name 'grd_InstallView_ctl02_txt_Install' does not exist in the current context E:\WorkingProjects\ERP_upd\Admin\RecieptMaster.aspx 22

Member 10313148 25-Mar-14 1:25am

i have gried in that to textboxes. i want javascript for first textbox value should be displayed in second grid please help me its uregent