zhangyanfuqiang
zhangyanfuqiang
采纳率94.1%
2015-04-15 03:44

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

20
已采纳

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

7条回答

  • brave2002honest 清水依恋成 6年前

    给你一个纯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;
    };
    
    点赞 评论 复制链接分享
  • caozhy 回答这么多问题就耍赖把我的积分一笔勾销了 6年前

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

    点赞 2 评论 复制链接分享
  • u014149394 NDDDA 6年前
  • y_13253375009 y_13253375009 6年前

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

    点赞 评论 复制链接分享
  • beacon_2011 beaconD 6年前

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

    点赞 评论 复制链接分享
  • beacon_2011 beaconD 6年前

    $("#tableid").append("

    ...");
    $("#trid_01").remove();
    点赞 评论 复制链接分享
  • showbo GoCityPass新加坡曼谷通票 6年前

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

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

    点赞 评论 复制链接分享