生成适合表格的表格

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

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

接着数被发送到加（）

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

的输出是基本上在一条线上的所有形式，然后提交按钮。任何帮助将是伟大的。谢谢。

来源

2012-06-28 user1161439

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

看到这个链接怎么做：http://www.roseindia.net/javascript/javascript-add-row-to-table.shtml

来源

2012-06-28 07:43:48 Greezer

谢谢你做的伎俩。 – user1161439

这才是真正的布局：

<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-28 05:50:58 Alexander

生成适合表格的表格

回答

相关问题