Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 生成表格以适应表格_Javascript_Html - Fatal编程技术网

Javascript 生成表格以适应表格

Javascript 生成表格以适应表格,javascript,html,Javascript,Html,因此,我有两个并排的表单,我试图做的是允许用户生成他/她想要的任意多个表单,并将每个表单存储为表数据,每行两个。我遇到的问题是表单不会存储在表中,我也不完全确定我做错了什么。我开始制作一个表单,以了解用户想要生成多少表单 <table border='1'> <span id='exForms'> <input type='text' name ='number' id='number'> <button type='button' onclic

因此,我有两个并排的表单,我试图做的是允许用户生成他/她想要的任意多个表单,并将每个表单存储为表数据,每行两个。我遇到的问题是表单不会存储在表中,我也不完全确定我做错了什么。我开始制作一个表单,以了解用户想要生成多少表单

<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]。值;
var x=document.getElementById('exForms');
number=parseInt(number);
var i;
x、 innerHTML=“”;
x、 innerHTML+=“Form1 Form2”;

对于(i=0;i这是实际布局:

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

这是个坏主意。

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

请参见此链接如何执行此操作:

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