Select data from text fields in table using jQuery

Question

I have a table as below;

<table id="mytable" cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</td>
<td><input type="text" name="qwer"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="text" name="asddf"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="text" name="zxcv"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="text" name="poiu"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="text" name="lkjh"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="3"> <button id="BUT">BUT</button> </td>
</tr>
</table>

The middle cells contain text fields with names. I want to get data (I think .val()) from specific input fields. How can I get them? Say I want to alert value we enter in input name="zxcv".

You can see my Fiddle here.

How can I do this?

redexp · Accepted Answer · 2011-06-26 15:39:37Z

3

try this

$('#mytable input[name=zxcv]').val()

answered Jun 26, 2011 at 15:39

redexp

5,1057 gold badges28 silver badges38 bronze badges

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

Comments

Tristan · Accepted Answer · 2011-06-26 16:27:39Z

0

If you want to iterate on input fields, and show "name" and "value" when "BUT" is clicked :

$("#BUT").click(function() {
    $("#mytable input").each(function() {
        alert("name : " + $(this).attr('name') + " - value : " + $(this).val());
    });
});

answered Jun 26, 2011 at 16:27

Tristan

9,1917 gold badges56 silver badges109 bronze badges

Collectives™ on Stack Overflow

Select data from text fields in table using jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related