Javascript 在更改id的同时追加表

我在一个表格的单元格中添加了select和input元素，虽然id的值正在更改，但只针对单元格中的单个元素

我的Javascript

 function deleteRow(row)
{
var i=row.parentNode.parentNode.rowIndex;
document.getElementById('POITable').deleteRow(i);
}


 function insRow()
{
console.log( 'hi');
var x=document.getElementById('addTable');
var new_row = x.rows[1].cloneNode(true);
var len = x.rows.length;
new_row.cells[0].innerHTML = len;

var inp1 = new_row.cells[1].getElementsByTagName('input')[0];
inp1.id += len;
inp1.value = '';
var inp2 = new_row.cells[2].getElementsByTagName('select')[0];
inp2.id += len;
inp2.value = '';
var inp3 = new_row.cells[2].getElementsByTagName('select')[0];
inp3.id += len;
inp3.value = '';
var inp4 = new_row.cells[3].getElementsByTagName('input')[0];
inp4.id += len;
inp4.value = '';
x.appendChild( new_row );
}

HTML

POI
纬度
时区
zzz
删除？
添加行？
1.
是
颗粒物
格林尼治标准时间+
格林尼治标准时间

---

我对id latbox和zzz没有任何问题，因为它们是单元格中唯一的元素，但对于selectbox和gmt，似乎只有selectbox id是每次追加时唯一会更改的元素，而对于gmtbox则不是。我如何更改gmtbox？

因为您将获得相同的元素

var inp2 = new_row.cells[2].getElementsByTagName('select')[0];

及

第二个必须是

var inp3 = new_row.cells[2].getElementsByTagName('select')[1];

var inp3 = new_row.cells[2].getElementsByTagName('select')[0];

var inp3 = new_row.cells[2].getElementsByTagName('select')[1];