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

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

javascript html

如何在javascript的列表框中动态添加行和列,javascript,html,Javascript,Html,我试图创建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="

我试图创建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
   //}
}

函数addTable（）{
var nofrow=1500；
对于（变量i=0；i


Source
元素没有列，只有一个
的列表。你能解释一下你的意思吗？也许你想动态地创建一个？我的要求是动态地创建一个包含行和列的列表框。你能帮我吗？首先你必须改变你想要的HTML结构需要使用DIVs代替select，例如这里的tableid是什么？我如何在listbox中添加它？你能用html解释我吗？请参阅我在那里提到的源代码，它解释了添加动态行的不同方法。它在表中。我如何在listbox中添加？
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);

}