Question

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

<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'>";
}

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

Answer 1

这是真正的布局：

<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>

是一个坏主意。

Answer 2

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

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

生成表单以适应表格

2 个答案: