Grab Gridview textbox input value Jquery

Question

I have built the following Gridview (Employees and their weekly target):

Gridview of consultants and their targets

Desired result: I have a submit button at the bottom which will take all the data from the Gridview using jQuery and push it into my database.

At the moment, I cannot even retrieve the textbox values though, i have the following code:

$(document).ready(function () {

        $("#btnSubmit").click(function () {
                $("#GridView1 td").each(function () {

                var value = $(this).text();
                alert(value);
                });
        });
});

This Selects all the "Table Data" cells... It is selecting the names perfectly, but as soon as it gets to a textbox, it doesnt get the value I type in, it just alerts nothing.

I have tried the following too, each with different, but not the desired results:

.html
.val
.innerHTML

Would anyone be able to point out where I am going wrong please? please let me know if you need anymore info...

You have to check for the controls in the table cells!

Dhaval Marthak
– Dhaval Marthak

2014-03-13 11:27:33 +00:00
Commented Mar 13, 2014 at 11:27 — Dhaval Marthak
– Dhaval Marthak, Commented Mar 13, 2014 at 11:27

Dhaval Marthak · Accepted Answer · 2014-03-13 11:29:59Z

2

You have to check if the control exists in the table cells or not
Give this a try

var value = $(this).find('input').length > 0 ? $(this).find('input').val() : $(this).text();

Hope this will work!

answered Mar 13, 2014 at 11:29

Dhaval Marthak

17.4k6 gold badges48 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dhaval Marthak Over a year ago

@Mike Glad to hear it! Welcome :)

TheMohanAhuja · Accepted Answer · 2014-03-13 11:29:22Z

0

You must select the input textbox in your selection as given below

$(document).ready(function () {
    $("#btnSubmit").click(function () {
        $("#GridView1 td input").each(function () {

            var value = $(this).val();
            alert(value);
        });
    });
});

answered Mar 13, 2014 at 11:29

TheMohanAhuja

1,8752 gold badges19 silver badges30 bronze badges

Collectives™ on Stack Overflow

Grab Gridview textbox input value Jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related