0

所以我有两个并排的表单，我想要做的是允许用户生成任意数量的表单，并将每个表单存储为表格数据，每行两个。我遇到的问题是表格不会存储在表格中，而且我不完全确定我做错了什么。我开始制作一个表单来找出用户想要生成多少个表单。

<table border='1'>
<span id='exForms'>
  <input type='text' name ='number' id='number'>
  <button type='button' onclick="add()">Add</button>
</span>
</table>

接下来将数字发送到 add()

add()
{
  var number = document.getElementsByName('number')[0].value;
  var x = document.getElementById('exForms');

  number = parseInt(number);
  var i;
  x.innerHTML="";
  x.innerHTML+="<tr><th>Form1</th> <th>Form2</th></tr>";
  for(i = 0; i<number; i++)
  {
     x.innerHTML+="<tr><td><input type='text' name='commandsc[]'></td><tr><td><input type='text' name='commandsi[]'></td></tr>";
  }
  x.innerHTML+="<input type='submit' name ='submit' value='submit'>";
}

输出基本上是一行上的所有表单，然后是一个提交按钮。任何帮助都会很棒。谢谢。

4

2 回答 2

0

您可以通过将新创建的行添加到现有表 tbody 来解决您的问题。

请参阅此链接如何操作：http ://www.roseindia.net/javascript/javascript-add-row-to-table.shtml

于 2012-06-28T07:43:48.837 回答
0

这是真正的布局：

<span id="exForms">
  <input type="text" name="number" id="number">
  <button type="button" onclick="add()">Add</button>
</span>
<table border="1"></table>

简而言之，您的布局无效。这就是您在布局中所做的进一步更改没有按预期工作的原因。

exForms不在表内。此外，计划类似

<table><span><tr/></span></table>

是个坏主意。

于 2012-06-28T05:50:58.907 回答