Question

我正在尝试创建1500行，每行在列表框中有4列/单元格。我只想动态地做。我使用html添加了一个列表框的 HTML

<body onload="load()">
<div id="myform">

<select id ="listid" name="mytable" size="5" style="width: 100px;" >
</select>

<input type="button" id="create" value="Click here" onclick="Javascript:addTable()">
<!-- to create a Table and add srows and column JavaScript -->

</div>
</body>

的javascript 注意：我可以创建行，但不知道如何创建列。

function addTable() {

var nofrow = 1500;
for (var i = 0; i < nofrow; i++) {
     var opt = document.createElement("option");
     document.getElementById("listid").options.add(opt);
   // for (var j = 0; j < noofcell; j++) {
   //           not able to figure out what to add
   //}
}

Answer 1

function addRow(tableID) {
  var table = document.getElementById(tableID);
  var rowCount = table.rows.length;
  var row = table.insertRow(rowCount);

  var cell1 = row.insertCell(0);
  var element1 = document.createElement("input");
  element1.type = "checkbox";
  element1.name="chkbox[]";
  cell1.appendChild(element1);

  var cell2 = row.insertCell(1);
  cell2.innerHTML = rowCount + 1;

  var cell3 = row.insertCell(2);
  var element2 = document.createElement("input");
  element2.type = "text";
  element2.name = "txtbox[]";
  cell3.appendChild(element2);

}

来源Dynamically Add/Remove Rows In HTML Table Using JavaScript

如何在javascript中的列表框中动态添加行和列

1 个答案: