在用戶輸入的 td 中沒有在表單變量中獲取值？

Question

我在 jsp 的表格中有一個表格，需要 etc_labour 的值：

<form>
<table border="1" width="1080px" id="someTableID">
//Dynamic Row
<tr>
<td bgcolor="white" width="110px" align="right"> <input type="text" name="etc_labour" size="13"  value="Test" id="fname"/> </td>
</tr>
</table>
<form>

Javascript：innerHTML 沒有帶來我們作為輸入提供的值 etc_labour，

  var table = document.getElementById('someTableID');
    for (var r = 0, n = table.rows.length; r < n; r++) {
        for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {
            alert(table.rows[r].cells[c].innerHTML);
        }
    }

您能幫我獲取輸入 etc_labour 中的值嗎？

Answer 1

使用innerHTML，您可以獲得元素內的所有內容。 如果你只是想獲得價值，你應該使用這樣的東西：

table.rows[r].cells[c].getElementsByTagName('input')[0].value;

Answer 2

您是否嘗試過選擇表單，然后通過它訪問輸入元素的值？ 像下面

const form = document.getElementsByTagName('form')[0];
const etcLabourValue = form.elements['etc_labour'].value;

沒有循環，因此沒有性能缺陷

Answer 3

table.rows[x].cells[y].querySelector('input').value;