Getting textbox value inside gridview using JQuery, val() not working

Question

I have TextBox inside GridView's ItemTemplate. I assigned it CssClass to grdtxtbox and trying to get their values using .val()

My aspx code is as below

<asp:TemplateField HeaderText="No. Of Days">

    <ItemTemplate>
               <asp:TextBox ID="txtDays" runat="server" CssClass="grdtxtbox"></asp:TextBox>
    </ItemTemplate>
</asp:TemplateField>

and JQuery as below

var  leaveTextBoxes = $(".grdtxtbox");
            for (var i = 0; i < leaveTextBoxes.length; i++) {
                alert(leaveTextBoxes[i].val());
            }

I can alert(leaveTextBoxes[i].length) length properly, means code looks fine but .val() is not working. Error on this line is Undefined is not a function nor I am getting .val() in intellisense.

Update However .value is working fine there. What the problem with .val()?

try `$(leaveTextBoxes[i]).val()` – Bharadwaj Jan 02 '15 at 07:02 — Bharadwaj, Jan 02 '15 at 07:02
This should have been the answer @Bharadwaj – Imad Jan 02 '15 at 07:11 — Imad, Jan 02 '15 at 07:11
is that solved your problem? – Bharadwaj Jan 02 '15 at 07:13 — Bharadwaj, Jan 02 '15 at 07:13

score 0 · Answer 1 · edited Jan 02 '15 at 08:11

0

try using this but I'm not sure:

$("#Gridid .grdtxtbox").each(function() {
    alert($(this).val());
});

edited Jan 02 '15 at 08:11

Mohamad Shiralizadeh

8,329
6
58
93

answered Jan 02 '15 at 07:04

SimarjeetSingh Panghlia

2,200
13
14

where 'Gridid ' is the id value of your gridview – SimarjeetSingh Panghlia Jan 02 '15 at 07:05

score 0 · Answer 2 · edited May 23 '17 at 11:50

0

Use the eq selector to select the nth element, as shown in this answer: How to get nth jQuery element

for(i=0; i<leaveTextBoxes.length; i++){
    alert(leaveTextBoxes.eq(i).val());
}

Alternatively,

for(i=0; i<leaveTextBoxes.length; i++){
    alert(leaveTextBoxes.get(i).value); //plain-old-js
    alert($(leaveTextBoxes.get(i)).val()); //dirty but works
}

edited May 23 '17 at 11:50

Community

1
1

answered Jan 02 '15 at 07:08

balanza

1,059
1
12
34

Getting textbox value inside gridview using JQuery, val() not working

2 Answers2