reading the value in an input tag in a html table using java script

Question

<table id="myTable" style="border: 1px solid; border-color: black; border-collapse: collapse;">
    <thead  style="background-color: silver;">
        <tr>
            <th >1</th>
            <th >2</th>
            <th >3</th>
            <th >4</th>
        </tr>
    </thead>
    <tbody  id="my_form">
        <tr>
            <td > <input type="text"> </td>
            <td > <input type="text"></td>
            <td ><input type="text"> </td>
            <td ><input  type="text"> </td>
        </tr>               
    </tbody>
</table>

this is my html table and this is my js function to read it's contents

var mytable=document.getElementById('myTable');
var row_length=myTable.rows.length;
for(var i=1;i<row_length;i++)
    {
        var cells=change_key_table.rows.item(i).cells;
        var cell_length=cells.length;
        var content = cells.item(0).innerText;
            alert(content);
    }

this gives a blank string. innerText should not be used to read the value from the table? is there any specific method to read value from input tags? i read a lot of question in stack overflow regarding this but could find anything to solve the problem

Quentin · Accepted Answer · 2013-10-20 11:55:20Z

2

innerText should not be used to read the value from the table?

It can't be used to read the value from an input.

is there any specific method to read value from input tags?

Method? No. You need to access the value property of the input (which will be a string).

You can bypass dealing with the table structure entirely as it doesn't seem to be doing anything significant.

var mytable = document.getElementById('myTable');
var myinputs = mytable.getElementsByTagName('input');
for (var i = 0; i < myinputs.length; i++) {
    alert(myinputs[i].value);
}

answered Oct 20, 2013 at 11:55

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Collectives™ on Stack Overflow

reading the value in an input tag in a html table using java script

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related