动态表格if (shuzi > 0) { td_tag = "<td rowspan='shuzi'>派出检查员姓名</td><td colspan='8'></td><td>检查组中职务</td><td>□组长 □组员 □观察员 □_____</td><td rowspan='shuzi' >选取形式</td><td >□随机 □指定</td>"; td_tag = td_tag.replace(/'shuzi'/g, shuzi); mergedRow.innerHTML = td_tag; } for (var i = 1; i <shuzi; i++) { var newRow = document.createElement("tr"); newRow.innerHTML = "<td colspan='8'></td><td>检查组中职务</td><td>□组长 □组员 □观察员 □_____</td><td >□随机 □指定</td>"; // 根据表格的列数设置 mergedRow.parentNode.insertBefore(newRow, mergedRow.nextSibling); } 表格中获取从后台传的List<XqdXqdJcy> xqdJcyList的值
时间: 2023-07-09 21:08:05 浏览: 94
如果你想在表格中展示 List<XqdXqdJcy> xqdJcyList 的值,可以使用 JavaScript 中的 DOM 操作动态生成表格行和单元格。
首先,你需要获取表格的 tbody 元素,然后使用 for 循环遍历 xqdJcyList 中的每个元素,为每个元素动态创建一行,并为每个元素的属性添加单元格。
下面是一个示例代码,供你参考:
```javascript
var tbody = document.querySelector('#myTable tbody');
for (var i = 0; i < xqdJcyList.length; i++) {
var row = document.createElement('tr');
var td1 = document.createElement('td');
td1.textContent = xqdJcyList[i].jcyName;
row.appendChild(td1);
var td2 = document.createElement('td');
td2.textContent = xqdJcyList[i].jcyPosition;
row.appendChild(td2);
// 继续为每个属性添加单元格
tbody.appendChild(row);
}
```
在上面的代码中,通过 `document.querySelector` 方法获取了 id 为 `myTable` 的表格的 tbody 元素。然后使用 for 循环遍历了 xqdJcyList 中的每个元素,为每个元素动态创建了一行,并为每个属性添加了单元格。最后,将每行添加到 tbody 元素中。
注意,上面的示例代码仅仅是一个参考,你需要根据你的实际情况进行修改。
阅读全文