删除后，更改单元格内文本框的id不工作

After deletion changing id of textbox inside cell id not working

本文关键字：id 工作 文本 单元格 删除      更新时间：2023-09-26

我有一个使用Javascript的表，我正在使用删除函数删除行

删除后，我试图重新索引表单元格id 

function updateRowCount(){
         var table = document.getElementById("ordertable");
         var rowcountAfterDelete = document.getElementById("ordertable").rows.length;  
         for(var i=1;i<rowcountAfterDelete;i++){ 
              table.rows[i].id="row_"+i;
              table.rows[i].cells[0].innerHTML=i+"<input type='checkbox' id='chk_" + i + "'>";
              table.rows[i].cells[1].id="notes_"+i;
                table.rows[i].cells[2].id="amount"+i;
          }
}

但是下面的行不能工作:

table.rows[i].cells[1].id="notes_"+i;
table.rows[i].cells[2].id="amount"+i;

<td>包含输入框，它将像这样

<td><input type="text" title="notes"></td>
<td><input type="text" title="amount"></td>

如何更改<td>或单元格内的文本框id ?

我在这里做了一个jsfiddle https://jsfiddle.net/an87ka5p/

我更新了这篇文章来回答评论中的问题

function test() {
    var table = document.getElementById("ordertable");
    var rowcountAfterDelete = table.rows.length;
    for (var i = 0; i < rowcountAfterDelete; i++) {
        table.rows[i].id = "row_" + i;
        table.rows[i].cells[0].innerHTML = i + "<input type='checkbox' id='chk_" + i + "'>";
        table.rows[i].cells[1].getElementsByTagName("input")[0].id = "notes_" + i;
        table.rows[i].cells[2].getElementsByTagName("input")[0].id = "amount_" + i;
    }
}
相关文章：