javascript - 使用文本框、下拉列表和复制特定列创建动态表

Question

伟大的一天社区，我在动态表中添加按钮、下拉列表、文本框、重复特定行和隐藏特定行时遇到问题。

对于表中重复的特定行，从13行开始到17行。

对于隐藏行在第4行。

我可以创建动态表和文本框右列，但它应该在左列。

下面是javascript：

function tableCreate() {
     var body = document.body,
         tbl  = document.createElement('table');
     txtbox = document.createElement('input');
     tbl.style.width  = '350px';
     tbl.style.border = '1px solid black';

 for(var ix = 0; ix < 17; ix++){   // this loop will create 17 row 
     var tr = tbl.insertRow();
     var td = tr.insertCell();
     td.style.border = '1px solid black';
     td.appendChild(document.createElement('input'));  //create textbox here
  }
  body.appendChild(tbl);
 }

预期结果：

表格右侧：文本 | 表格左侧：文本框

表格右侧：文本 | 表格左侧：下拉列表

表格右侧：文本 | 表格左侧：特定行的重复按钮

标签： javascriptjqueryhtmlbootstrap-4