如何通过Javascript获取输入字段的值？

Question

我有一个动态的 table，它的每一行都有输入字段。我想通过Javascript获取用户输入的值。我能够获得输入字段 'quantity' 的 HTML 代码，但无法获得值。

这是 javascript 代码的一部分：

var table = document.getElementById("mactable");
var row_count = table.getElementsByTagName("tr").length;
var grand_total = document.getElementById("grand_total");
var grand_price = 0.00;
for (var i = 1, row; row = table.rows[i]; i++) 
{
    var price = row.cells[4].innerHTML;
    var quantity = row.cells[2].innerHTML;
    alert(quantity);
    if(isNumber(price))
    {
        var num = parseFloat(price);
        grand_price = grand_price + num;
    }
}

知道怎么做吗？

Answer 1

您可以找到内部 input 元素，然后读取其 value 属性:

，而不是读取 table 单元格 innerHTML

var quantity = Number(row.cells[2].querySelector('input').value);

这里 row.cells[2] 是一个 td 元素。使用 querySelector('input') 您可以找到第一个 children 输入。

另请注意，由于字段的值是一个字符串，您可能希望将其转换为数字，例如使用 Number 函数。

如何通过Javascript获取输入字段的值？

How to get the input field value through Javascript?

javascript

iteration

jquery

input-field