Get input text from a table cell using jquery

Question

I have a table with

<TABLE id="dataTable">
    <TR>
        <TD><INPUT type="checkbox" class="chk"/></TD> 
        <TD><INPUT type="text" value="data1"/></TD> 
        <TD><INPUT type="text" value="data2"/></TD>
    <TR>
        <TD><INPUT type="checkbox" class="chk"/></TD> <TD>Data 2</TD> 
        <TD><INPUT type="text"/></TD> 
        <TD><INPUT type="text"/></TD> 
</TABLE>

Say I have many rows in the table. I want to fetch the data present in each cell and use it as per my requirements.

I tried doing

$(function()
{
   $("#somebutton").click(function()
   {
      $("#dataTable").find('tr').each(function(){
      if($(this).find('input.chk').is(':checked'))
      {
         var val1 = $(this).find('td:eq(1)').html();
         var val2 = $(this).find('td:eq(2)').html();

         alert(val1);
         alert(val2);
      }
   });
 });
});

But the output I get from this is as follows

<input type="text" value="data1">
<input type="text" value="data2">

I just want the output to be given as the value present inside the Text of the cell. I tried using .val() and .value() , but it gives me error. Please guide me how to achieve this.

Thanks,

@shanky try this var data1 = $(this).find('td:eq(0):input[type="text"]').html();. Let me know if it solved your issue. — androidGenX
– androidGenX, Commented Feb 15, 2016 at 10:16
@androidGenX, thanks for the help. I will upvote your reply :) — shanky
– shanky, Commented Feb 15, 2016 at 10:28

RononDex · Accepted Answer · 2016-02-15 10:17:30Z

7

You need to access the value of the input, not the value of the td:

$(function(){
    $("#onpressofabutton").click(function(){
        var data1 = $(this).find("td:eq(0) input[type='text']").val();
        var data2 = $(this).find("td:eq(1) input[type='text']").val();
    });
});

answered Feb 15, 2016 at 10:17

RononDex

4,19527 silver badges40 bronze badges

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

2 Comments

shanky Over a year ago

hey @RononDex. Thanks a lot. This is working perfect for me.

محمد النعيمي Over a year ago

Thanks a lot. This is working perfect for me too. @RononDex

NSN · Accepted Answer · 2021-11-10 15:23:59Z

0

I have two elements in a table cell

<td>
<span>
 <input type ="checkbox"/>
 <input type ="text"/>
</span>
</td>

how to get the second element text. The id is dynamic for both the checkbox / text

answered Nov 10, 2021 at 15:23

NSN

7503 gold badges10 silver badges26 bronze badges

Collectives™ on Stack Overflow

Get input text from a table cell using jquery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related