1

考虑到我在我的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        
}
4

0 回答 0