Javascript 动态添加多行

这是我的代码示例。。 从这个例子中，我得到了两行。。 我想做的是，我想动态地添加这两行。。 多谢各位

<table id="datatable">
    <tr>
        <td><input type="text" /></td>
    </tr>
    <tr>
        <td><input type="text" /></td>
    </tr>
</table> 
<button type="button" id="add" onclick="addRow('dataTable')">
    <b>Add</b>
</button>
function addRow(tableID) {
    alert('ttt');
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    var colCount = table.rows[0].cells.length;
    for (var i = 0; i < colCount; i++) {
        var newcell = row.insertCell(i);
        newcell.innerHTML = table.rows[0].cells[i].innerHTML;
        //alert(newcell.childNodes);
        switch(newcell.childNodes[0].type) {
            case "text":
                newcell.childNodes[0].value = "";
                break;
            case "checkbox":
                newcell.childNodes[0].checked = false;
                break;
            case "select-one":
                newcell.childNodes[0].selectedIndex = 0;
                break;
        }
    }
}

添加
函数addRow（tableID）{
警报（“ttt”）；
var table=document.getElementById（tableID）；
var rowCount=table.rows.length；
var row=table.insertRow（rowCount）；
var colCount=table.rows[0].cells.length；
对于（变量i=0；i

---

只是浏览一下，想指出您的表id是datatable，您的参数是datatable。希望这是相关的

试试这个：

HTML

添加

JS

$（文档）.ready（函数（）{
$（'#添加'）。单击（函数（）{
$（'#datatable'）。追加（'账号：票据编号：名称：票据日期：'）；
}); 
});

---

小提琴：

只要你能做到这一点：

function addRow(tableId)
{
  $('#' + tableId + ' tr:last').after('<tr><td>Enter You New Row Data Here..</td></tr>');
}

函数addRow（tableId）
{
$（'#'+tableId+'tr:last'）。在（'在此处输入新行数据..'）之后；
}

---

有关更多信息，请检查此项：

是，可以。。请给出你最好的答案：）看：@AlenGenzić：这个例子对我不起作用。。你能修改我的脚本以便我可以使用它吗？TQJSIDLE示例是我的：）显然……我必须保持它与您的相同，但仍在工作，以便您可以将其粘贴为它is@SyazriAris你用我的答案了吗？是的。。我试着用你的答案。。但这不是我想要的。。你能试着修改我的答案使其可用吗？thanksA行在单击“添加”时添加。我还可以在其中添加什么，使其对您有用？

 $(document).ready(function() {
    $('#add').click(function(){ 
        $('#datatable').append(' <tr> <td>Account No</td> <td>:</td> <td colspan="2"><input size="20" type="text" /></td> <td>Bill No</td> <td>:</td> <td><input type="text" /></td> </tr> <tr> <td>Name</td> <td>:</td> <td colspan="2"><input type="text" /></td> <td>Bill date</td> <td>:</td> <td><input type="text" /></td> </tr>');
}); 
});

function addRow(tableId)
{
  $('#' + tableId + ' tr:last').after('<tr><td>Enter You New Row Data Here..</td></tr>');
}