Question

I dynamically created a table with three columns.

<tr>
  <td>1</td>
  <td>SegName</td>
  <td><input type='text' /></td>
</tr>

I’m trying to write a function that goes through each row and grabs the value in that will be in the textbox.

Javascript:

$("#codeSegmentBody").children().eq(x).children().eq(2).val();

The code brings brings up undefined when I do val(), but if I do html it’ll grab the html of the textbox.

How can I get this to bring me the value?

Answer 1

<table id="test">
    <tr>
        <td>
            <input type="text" value="123">
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" value="abc">
        </td>
    </tr>
</table>

<script type="text/javascript">
$(document).ready(function(){

    $("#test").find(":input[type=text]").each(function(){

        alert( $(this).val() );

    }); 

});
</script>

Here is a fiddle that will get you there:

http://jsfiddle.net/uS8AK/