小菜鸟请教各位动态添加删除jsp页面一行input表格

图片说明
主要是点击增加按钮,实现添加一行input单元格,并可以删除
麻烦各位了,谢谢,http://ask.csdn.net/my#

给你一个纯js的样例,希望对你的基础能力有帮助

function DeleteRouteTable(divId, riF, nameF, msgF){
this.riField = riF;
this.nameField = nameF;
this.msgField = msgF;

    var div = document.getElementById(divId);

    this.table = document.createElement("TABLE");
    div.appendChild(this.table);
    this.table.width = "100%";
    this.table.cellSpacing = 0;
    this.table.border = 1;

    this.tbody = document.createElement("TBODY");
    this.table.appendChild(this.tbody);

    this.arrayRI = new Array();
}

DeleteRouteTable.prototype.setValue = function(array){
    while(this.table.rows.length>0){
        this.table.deleteRow(0);
    }

    for(var i=0;i<array.length;i++){
        var item = array[i];
        this.arrayRI.push(item[this.riField]);

        var tr = document.createElement("TR");
        this.tbody.appendChild(tr);

        var tdRi = this.createTD(item[this.riField], 100, 2, "black");
        tr.appendChild(tdRi);
        var tdName = this.createTD(item[this.nameField], 100, 2, "black");
        tr.appendChild(tdName);
        var tdMsg = this.createTD(item[this.msgField], -1, 2, "red");
        tr.appendChild(tdMsg);
    }
};

DeleteRouteTable.prototype.createTD = function(value, width, fontSize, fontColor){
    var td = document.createElement("TD");
    if(width!=-1){
        td.width = width;
    }       

    var font = document.createElement("FONT");
    td.appendChild(font);

    font.size = fontSize;
    font.color = fontColor;
    font.innerText = value;

    return td;
};

你是easyui做的表格还是js了?easyui的datagrid有添加删除行的api。insertRow(jsonData)/deleteRow(intIndex)

js动态创建tr添加到你的table里面就行了

这个不需要用jsp,用jquery就可以
http://blog.csdn.net/zhangdaiscott/article/details/7958463

$("#tableid").append("

...");
$("#trid_01").remove();

$("#tableid").append("<-tr id='trid_01'><-td>...<-td>");
$("#trid_01").remove();

单击事件时,为需要增加和减少的模块用remove(移除)或append(增加)方法

你可以看下http://blog.csdn.net/u014149394/article/details/45055709,jQuery的克隆方法