如何在entity的description中创建一个可以动态增加删除的表格

Cpt_Jack 发布于 2018/09/12 14:18
阅读 95
收藏 0

我想点击一下增加按钮 就会增加一行<tr><td></td><td></td></tr>

点击删除 就会删除最后一行 

但是我写的JS代码 这源码里不能执行,想请教各位大神们怎么解决

我把我写的代码发出来:

<script type="text/javascript">
    function $(eleId) {
        return document.getElementById(eleId);
    }
    function addRow() {
        var table = $("table1");
        var row;  //创建表格的行
        row = table.insertRow();
        var cell0 = row.insertCell(0); //创建表格的列
        var cell1 = row.insertCell(1);
        var e1 = document.createElement("input"); 
        e1.type = "text";
        e1.name = "cell1name"
        var e2 = document.createElement("input");
        e2.type = "text";
        e2.name = "cell2name"
        cell0.appendChild(e1);
        cell1.appendChild(e2);
    }
</script>
</head>
<body>

    
    <table id="table1" style="height: 48px; width: 229px" border="1px"
        cellpadding="2" cellspacing="2">
        <thead>
            
        <tr>
            <td>名字</td>
            <td>小车</td>
        </tr>
        <tr>
            <td>颜色</td>
            <td>黑色</td>
        </tr>
    </table>
    <input type="button" value="添加记录" onclick="addRow()">
</body>

加载中
返回顶部
顶部