javascript - 動的 HTML テーブルで Javascript 入力値を取得する方法

Question

javascript関数でクローンを使用していることを考慮して、すべてのパラメーター値を動的に収集する必要があります。3回のクローニングの例を教えてください!! HTMLは次のとおりです。

<div  style="clear:both; float:left;margin-top:10px;border:1px solid #DDDDDD;background-color:#F0F0F0 ;padding:10px;width:1050px;">
<span style="color:blue;">Paiement</span>
<table id="tablePaiement" border="3">
    <tr id="row_1">
    <td></td>
    <td>                
    <table style="margin-top: 5px;">
        <tr>
            <td align="center">
                R&eacute;f Paiement
            </td>
            <td align="center">
                Date note
            </td>
            <td align="center">
                Date d&eacute;cision
            </td>
            <td align="center">
                Nature frais
            </td>   
        </tr>
        <tr id="row_data">
            <td>
                <form:input path="refPaiements" readonly="true" cssStyle="color:#C0C0C0;width:45px;"/>
            </td>                           
            <td>
                <input onchange="checkDateNoteDateDecision(this);" id="dateNote" name="dateNote" style="width:68px;" value='<fmt:formatDate value="${addDemandePaiementPaiementsRejetsCommand.dateNote}" pattern="dd/MM/yyyy"/>'/>
                <script type="text/javascript">
                    calendar.set("dateNote");
                </script>
            </td>
            <td>
                <input onchange="checkDateNoteDateDecision(this);" id="dateDeLaDecision" name="dateDeLaDecision" style="width:68px;" value='<fmt:formatDate value="${addDemandePaiementPaiementsRejetsCommand.dateDeLaDecision}" pattern="dd/MM/yyyy"/>'/>
                <script type="text/javascript">
                    calendar.set("dateDeLaDecision");
                </script>
            </td>
            <td>
                <form:select path="type" items="${addDemandePaiementPaiementsRejetsCommand.types}" onchange="updateMontantPaie();"/>
            </td>
        </tr>
    </table>
    </td>
    </tr>
</table>            
</div>

これは、私が使用しているjavascript関数のクローンです:

function cloneRow() {
    var row = document.getElementById("row_1"); // find row to copy
    var table = document.getElementById("tablePaiement"); // find table to append to
    var previousRows = table.rows.length; //get number of lines
    var nextRow = previousRows + 1;
    if (nextRow > 15) {
        alert("un formulaire de paiement ne peut pas contenir plus de 15 paiements");
        return;
    }
    var clone = row.cloneNode(true); // clome
    clone.id = "row_" + nextRow; // change id or other attributes/contents
    table.appendChild(clone); // add new row to end of table        
}