如何從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;
    }
}