如何从JavaScript中的单元中获取价值

Question

我在javascript中有一个网格设置器，如下所示：

function AddMdrPymt(){
    var f = document.frmPL0011; 
    var grid = document.getElementById("mdrPymtGrid");
    var numRows = grid.rows.length;

    grid.insertRow(numRows);

    grid.rows[numRows].insertCell(0);
    grid.rows[numRows].insertCell(1);
    grid.rows[numRows].insertCell(2);
    grid.rows[numRows].insertCell(3);

    grid.rows[numRows].cells[0].innerHTML = "<input type='checkbox' value='" + curRow + "' name='__mdrPymt' id='__mdrPymt'>";
    grid.rows[numRows].cells[1].innerHTML = "<table border='0' align='center'><tr align='center'><td><input type='text' onkeyPress='checkNumber(this)' name='txt_strtAmnt' id='txt_strtAmnt' class='" + txtclass + "' maxlength='18' size='25' fieldName='<%=LangFormatter.getString("PL0011_LoanStartAmnt", true)%>' onblur='checkData(this)' value = '" + val + "' "+dsb+"></td></tr></table>";
        grid.rows[numRows].cells[2].innerHTML = "<table border='0' align='center'><tr align='center'><td><input type='text' onkeyPress='checkNumber(this)' name='txt_endAmnt' id='txt_endAmnt' class='portlet-form-input-field' maxlength='18' size='25' fieldName='<%=LangFormatter.getString("PL0011_LoanEndAmnt", true)%>' onblur='checkData2(this)'></td></tr></table>";

curRow += 1;

这是表格HTML，表格标题的HTML代码，上面的功能是用户按下添加按钮时的功能

<table width="95%" align="center">
                <tr> 
                    <td>
                        <input name="addBtn" id="addBtn" type=button class='btn' onmouseover="this.className='btnHov'" onmouseout="this.className='btn'" value="<%=LangFormatter.getString("button_add",true)%>" onclick="AddMdrPymt()" tabindex="4">
                        <input name="delBtn" id="delBtn" type=button class='btn' value="<%=LangFormatter.getString("button_dlt",true)%>" onclick="delMdrPymt()" onmouseover="this.className='btn btnHov'" onmouseout="this.className='btn'" tabindex="5">
                    </td>
                </tr>
                <tr>
                    <td>                
                        <table border="0" cellspacing="1" cellpadding="1" name="mdrPymtGrid" id="mdrPymtGrid" class="grid" width="95%">
                            <thead class="header">
                                <th width="1%"></th>
                                <th width="20%"><%=LangFormatter.getString("PL0011_LoanStartAmnt",true)%></th>
                                <th width="20%"><%=LangFormatter.getString("PL0011_LoanEndAmnt",true)%></th>
                                <th width="20%"><%=LangFormatter.getString("PL0011_FixAmntInd",true)%></th>
                                                                <th width="20%"><%=LangFormatter.getString("PL0011_FixCashAmnt",true)%></th>
                                <th width="20%"><%=LangFormatter.getString("PL0011_CashbackLoanAmnt",true)%></th>
                            </thead>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="addBtn" id="addBtn" type=button class='btn' onmouseover="this.className='btnHov'" onmouseout="this.className='btn'" value="<%=LangFormatter.getString("button_add",true)%>" onclick="AddMdrPymt()" tabindex="6">
                        <input name="delBtn" id="delBtn" type=button class='btn' value="<%=LangFormatter.getString("button_dlt",true)%>" onclick="delMdrPymt()" onmouseover="this.className='btn btnHov'" onmouseout="this.className='btn'" tabindex="7">
                    </td>
                </tr>
            </table>

如何从txt_strtAmnt获得价值？

谢谢

Answer 1

如果您正在使用具有多行的网格，那么@Arun提供的解决方案将不起作用，要使其起作用1）首先使用document.getElementById（'gridid'）查找网格元素； 2）遍历其子级3）在该迭代循环中找到document.getElementById（'txt_strtAmnt'）。value

我相信这会对您有所帮助！ 如果您愿意，我们也可以通过JQuery实现

Answer 2

请使用下面的代码段获取TABLE> TR> TD HTML elemnt值：-

/ *获取任何TD元素值。 TD元素内是否为一种输入类型。 无需提及id名称，因为我们使用Tag Name获取值。 * /

var grid = document.getElementById("mdrPymtGrid");
var tableRows = grid.getElementsByTagName("tr");

for (var j = 0 ; j <= tableRows.length; j++){
    var tds = tableRows[j].getElementsByTagName("td");
     for (var k = 0 ; k <= tds.length; k++){  
     var strtAmntVal = tds[k].getElementsByTagName('input')[0].value;   
     break;
    }
}