javascript - 如何在单击按钮时获取动态表单元格值

Question

我有一个动态生成的表。在其行中，我放置了按钮。

for (var i = 0; i < resp.length; i++) {    
  tr = tr + "<tr>";    
  tr = tr + "<td >" + resp[i].Date + "</td>";
  tr = tr + "<td >" + resp[i].age + "</td>";
  tr = tr + "<td >" + resp[i].Hour + "</td>";               
  tr = tr + "<td><input value='get me' type='button' class='theButton' id='ma' onclick='test()'></td>";
  tr = tr + "</tr>";
};

单击按钮时，我想获取该行的特定单元格值。例如:如果我点击第一行的年龄，那么我必须得到的值为 50。如果我点击第二行的按钮，那么我应该得到 94。

如何在单击按钮时获取表格单元格值？

Answer 1

这是动态表的解决方案:

<script language="javascript">
    var tbl = document.getElementById("tblId");
    if (tbl != null) {
        for (var i = 0; i < tbl.rows.length; i++) {
            for (var j = 0; j < tbl.rows[i].cells.length; j++)
                tbl.rows[i].cells[j].onclick = function () { getval(this); };
        }
    }

    function getval(cel) {
        alert(cel.innerHTML);
    }
</script>

因此，通过使用此 JavaScript，您可以获得任何表格单元格的值。