How to get textbox values from gridview using jquery

Question

How to textbox values from gridview on click of a linkbutton using jquery here is my gridview

  <asp:GridView ID="gvEmployee" runat="server" AutoGenerateColumns="false" GridLines="Both">
            <Columns>
                <asp:TemplateField HeaderText="Email">
                    <ItemTemplate>
                        <asp:TextBox ID="txtEmail" runat="server" Text='<%#Eval("Emailid") %>'></asp:TextBox>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Name">
                    <ItemTemplate>
                        <asp:TextBox ID="txtName" runat="server" Text='<%#Eval("Name") %>'></asp:TextBox>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:LinkButton ID="lnkgettext" runat="server" Text="Gettextboxvalue"></asp:LinkButton>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>

I tried something like

  alert($(this).parent("td").parent("tr").find("input:text").val());

I Can able to find first value of a textbox but facing a problem to get next textbox value i.e txtName from second td Please suggest Also suggest if you have any solution with javascript

Sunil Devre · Accepted Answer · 2014-04-02 12:56:31Z

1

May this will help you...

    function GVtxtAmount() {
    var GVMaintainReceiptMaster = document.getElementById('<%= GVMaintainReceiptMaster.ClientID %>');

    for (var rowId = 1; rowId < GVMaintainReceiptMaster.rows.length; rowId++) {
        var txtbx = GVMaintainReceiptMaster.rows[rowId].cells[0].children[0];
        alert(txtbx.value);
    }
    return false;
}

answered Apr 2, 2014 at 12:56

Sunil Devre

3841 silver badge15 bronze badges

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

Comments

शेखर · Accepted Answer · 2012-11-25 14:29:38Z

0

you can use end selector as follows

 $( "[ @id *= 'txtEmail']" ).text();

Here is a good link about how to find the element like selection

[http://www.bennadel.com/blog/1003-Cool-jQuery-Predicate-Selectors.htm][1]

You will find like this

 //first find the tr 
 var tr= $(this).parent("td").parent("tr");
 and then use like selector with.

 var Email=$(this).parent("td").parent("tr").find($( "[ @id *= 'txtEmail']" )).val();
 var Name= $(this).parent("td").parent("tr").find($( "[ @id *= 'txtName']" )).val();

edited Nov 25, 2012 at 14:29

answered Nov 25, 2012 at 14:13

शेखर

17.6k14 gold badges64 silver badges123 bronze badges

2 Comments

Rakesh Sawant Over a year ago

got solution alert($(a).parent("td").parent("tr").find(".txtclass1").val());

शेखर Over a year ago

do you know what are using. You are using a class selector. So if you have put css-classes then it is ok.

writeToBhuwan · Accepted Answer · 2012-11-25 15:23:07Z

0

$('#<%=lnkgettext.ClientID %>').click(function(){
    var email=$(this).parent('td').parent('tr').find('#<%=txtEmail.ClientID%>').val();        
    var name=$(this).parent('td').parent('tr').find('#<%=txtName.ClientID%>').val();
}

or

$(this).parent("td").parent("tr").each(function(){
    $(this).find('td').each(function(){
        //Do whatever you want, you can use $(this) to get value of current cell
    })
})

edited Nov 25, 2012 at 15:23

answered Nov 25, 2012 at 14:35

writeToBhuwan

3,28111 gold badges42 silver badges67 bronze badges

10 Comments

शेखर Over a year ago

it's a gridview so the it will change at the right time. there will be unique id's for every column.

writeToBhuwan Over a year ago

What exactly do you want to say? Are you saying that the texbox controls will change their ID?

शेखर Over a year ago

yes since it is a gridview and it will have many rows at runtime. With different id's like txtEmail_0 and txtEmail_1 etc and if the page is inherited by master page then it will be like ct0_txtEmail_0 etc

writeToBhuwan Over a year ago

Yes, It will have many rows .. But the control names never change.. Have you tried my code?

शेखर Over a year ago

can there be two control of same ie in asp.net ??

|

Ankush Jain · Accepted Answer · 2012-11-25 19:28:59Z

0

try this, it should work perfectly

$('a[id$=lnkgettext]').click(function(){
    var email=$(this).parent('tr').find('input[id=txtEmail]').val();        
    var name=$(this).parent('tr').find('input[id=txtName]').val();
    alert(email+" "+name);
}

answered Nov 25, 2012 at 19:28

Ankush Jain

7,2434 gold badges41 silver badges71 bronze badges

Collectives™ on Stack Overflow

How to get textbox values from gridview using jquery

4 Answers 4

Comments

2 Comments

10 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

10 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related