生成適合表格的表格

所以我有兩種並排的形式，我想要做的是允許用戶生成他/她想要的任意多的表格，並將每個表格存儲爲表格數據，每行兩個。我遇到的問題是表單不會存儲在表格中，我不完全確定我做錯了什麼。我開始製作一個表格來找出用戶想要生成的表格的種類。生成適合表格的表格

<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

生成適合表格的表格

回答

相關問題