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

Question

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

Answer 1

给你一个纯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;
};