javascript - 从 html 表格单元格内的文本框中读取值

Question

我使用 for 循环将数据附加到表中:

for (var i = 0; i < data.length; i++) {
    date = data[i].inv_Date;
    invDate = date.substring(0, 10);
    billNo = data[i].Bill_No;
    netAmt = parseFloat(data[i].Net_Amt).toFixed(2);
    paidAmt = parseFloat(data[i].Paid_Amt).toFixed(2);
    balance = (parseFloat(netAmt) - parseFloat(paidAmt)).toFixed(2); //id = "damt['+i+']"
    $("#invoiceDetailTbl tbody").append("<tr id=" + i + ">" + "<td>" + invDate + "</td>" + "<td>" + billNo + "</td>" + "<td>" + netAmt + "</td>" + "<td>" + paidAmt + "</td>" + "<td>" + '<input type="text" class="discountAmt form-control input-sm" style="width: 100px;" placeholder="Discount Amt" id="damt" name="damt' + i + '">' + "</td>" + "<td>" + '<input type="text" class="payingAmt form-control input-sm" style="width: 100px;" placeholder="Paying Amt" id="pamt">' + "</td>" + "<td>" + balance + "</td>" + "<td>" + '<span class="glyphicon glyphicon-trash"></span>' + "</td>" + "</tr>");
    totalAmt = totalAmt + parseFloat(netAmt);
    totalBalance = totalBalance + parseFloat(balance);
}

我正在使用以下方式读取文本框的值:

for (var i = 0; i < tableRowCount; i++) {
    var rowDisAmt = table.rows.item(i + 1).cells[4].innerText;
}

但我总是得到 null 值。 如何访问 html 标记内的文本框值？

Answer 1

你可以使用这个:

for (var i = 0; i < tableRowCount; i++) {
        var rowDisAmt = $(table.rows.item(i + 1).cells[4]).find('input').val();
}