zhangyanfuqiang
2015-04-15 03:44
采纳率: 94.1%
浏览 2.9k
已采纳

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

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

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

7条回答 默认 最新

  • 清水依恋成 2015-04-15 05:54
    已采纳

    给你一个纯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里面就行了

    评论
    解决 无用
    打赏 举报
  • threenewbee 2015-04-15 04:23

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

    评论
    解决 无用
    打赏 举报
  • beaconD 2015-04-15 05:24

    $("#tableid").append("

    ...");
    $("#trid_01").remove();
    评论
    解决 无用
    打赏 举报
  • beaconD 2015-04-15 05:24

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

    评论
    解决 无用
    打赏 举报
  • y_13253375009 2015-04-15 06:13

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

    评论
    解决 无用
    打赏 举报
  • NDDDA 2015-04-15 06:25
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题