插入行 javascript 时递增 id

Increment id when insert row javascript

本文关键字：id javascript 插入      更新时间：2023-09-26

我有一个这样的HTML表：

<table id="dataTableLapis">
    <tbody>
        <tr id="prova1">
            <td>
                <select id="uff_prot" name="lapis_ufficio[]"></select>
            </td>
            <td>
                <input "type="text" id="lapis_vis" name="lapis_vis[]" size="30">
            </td>
            <td>
                <select id="lapis_ufficio" name="lapis_gruppo_mov[]"></select>
            </td>
        </tr>
    </tbody>
</table>

和这个 HTML 按钮 ：

<input type="button" value="Aggiungi ufficio protocollo" onClick="addRow('dataTableLapis')" />

运行这个javascript：

function addRow(tableID) {
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    if(rowCount < 5){
        var row = table.insertRow(rowCount);
        var colCount = table.rows[0].cells.length;
        for(var i=0; i<colCount; i++) {
            var newcell = row.insertCell(i);
            newcell.innerHTML = table.rows[0].cells[i].innerHTML;
        }
    }else{
        alert("Maximum Passenger per ticket is 5.");
    }
}

我的问题是：插入新行时，id始终是一些

row1 - id="uff_prot" - id="

lapis_vis" - id="lapis_ufficio"

row2 - id="uff_prot" - id="

lapis_vis" - id="lapis_ufficio"

我想要这个结果：

row1 - id="uff_prot1" - id="

lapis_vis1" - id="lapis_ufficio1"

row2 - id="uff_prot2" - id="

lapis_vis2" - id="lapis_ufficio2"

我该怎么做？

请在行变量的声明下添加带有row.setAttribute的行。 

function addRow(tableID) {
   var table = document.getElementById(tableID);
   var rowCount = table.rows.length;
   if(rowCount < 5){
       var row = table.insertRow(rowCount);
           row.setAttribute('id',"lapis_ufficio"+rowCount);
       var colCount = table.rows[0].cells.length;
       for(var i=0; i<colCount; i++) {
           var newcell = row.insertCell(i);
           newcell.innerHTML = table.rows[0].cells[i].innerHTML;
       }
  }else{
     alert("Maximum Passenger per ticket is 5.");
}
不幸的是，

这段代码不起作用：

var els = newRow.querySelectorAll("[id]");
    for (var i = 0; i < els.length; i++) {
        els.id += rowCount;

选择 ID 和输入 ID 是一些，仅更改 TR ID

相关文章：