我涨 2015-05-16 13:00 采纳率: 87.5%
浏览 2102
已采纳

JavaScript 动态增加表格

这样写为什么不能动态增加一行?我应该怎样修改

function insertRows(){ var tempRow=0; var tbl=document.getElementById("dictTbl"); tempRow=tbl.rows.length; //获取当前table的行数 var Rows=tbl.rows;//类似数组的Rows var newRow=tbl.insertRow(tbl.rows.length);//插入新的一行 var Cells=newRow.cells;//类似数组的Cells for (i=0;i<4;i++)//每行的3列数据 { alert("进入"); var newCell=Rows(newRow.rowIndex).insertCell(Cells.length); alert("过去"); newCell.align="center"; switch (i) { case 0 : newCell.innerHTML="<td align=\"center\"><input type=\"checkbox\"/></td>";break; case 1 : newCell.innerHTML="<td align=\"center\" width=\"120px\">" + "</td>";break; case 2 : newCell.innerHTML="<td align=\"center\"\><input id=\"classifyName\" name=\"classifyName\" type=\"text\" size=\"50\" maxlength=\"25\"/></td>";break; case 3 : newCell.innerHTML="<td width=\"400px\"></td>";break; } } }

...

删除   添加选项
        <s:form name="Form1" id="Form1" method="post">
                <table cellpadding="0" cellspacing="0" border="0" id="table1" class="stdtable stdtablecb">
                    <colgroup>
                        <col class="con0" style="width: 4%"/>
                        <col class="con1" />
                        <col class="con0" />
                        <col class="con1" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th class="head0"><input type="checkbox" class="checkall"/></th>                           
                            <th class="head1">分类级别</th>
                            <th class="head0">分类名称</th>
                            <th class="head1">继承父分类</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th class="head0"><input type="checkbox" class="checkall"/></th>                            
                            <th class="head1">分类级别</th>
                            <th class="head0">分类名称</th>
                            <th class="head1">继承父分类</th>
                        </tr>
                    </tfoot>
                    <tbody id="dictTbl">                     
                        <s:if test="#request.classifyList!=null && #request.classifyList.size()>0"> 
                            <s:iterator value="%{#request.classifyList}" var="class">               
                            <tr>
                                <td align="center"><input type="checkbox"/></td>
                                <td align="center" width="120px"><s:property value="%{#class.rank}"/></td>
                                <td align="center">
                                    <input id="classifyName" name="classifyName" type="text" value="<s:property value="%{#class.classifyName}"/>" size="50" maxlength="25"/>
                                </td>
                                <td width="400px"><s:property value="%{#class.inherit}"/></td>
                            </tr>
                            </s:iterator>
                        </s:if>
                    </tbody>                    
                </table>
                <table style="margin-top: 20px;float: right;">
                     <tr>
                        <td>
                            <button class="radius3" id="savebutton" style="width: 70px;" onclick="">保存</button>
                                                    </td>
                     </tr>
                </table>
  • 写回答

7条回答 默认 最新

  • danielinbiti 2015-05-16 14:16
    关注
    <scritp>
     function insertRows(){ 
           var tempRow=0; 
           var tbl=document.getElementById("dictTbl"); 
           tempRow=tbl.rows.length; //获取当前table的行数 
           var Rows=tbl.rows;//类似数组的Rows 
           var newRow=tbl.insertRow(tbl.rows.length);//插入新的一行 
           var Cells=newRow.cells;//类似数组的Cells 
           for (i=0;i<4;i++){//每行的3列数据 { alert("进入"); 
                   var newCell=Rows[newRow.rowIndex].insertCell(Cells.length); 
                   alert("过去"); newCell.align="center"; 
                   switch (i) { 
                           case 0 : 
                           newCell.innerHTML="<td align=\"center\"><input type=\"checkbox\"/></td>";break; 
                           case 1 : 
                           newCell.innerHTML="<td align=\"center\" width=\"120px\">" + "</td>";break; 
                           case 2 : newCell.innerHTML="<td align=\"center\"\><input id=\"classifyName\" name=\"classifyName\" type=\"text\" size=\"50\" maxlength=\"25\"/></td>";break; 
                           case 3 : newCell.innerHTML="<td width=\"400px\"></td>";break; 
                     } 
           } 
     }
     </script>
     <body>
     <table>
        <tbody id='dictTbl'>
      </tbody>
    </table>
     </body>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(6条)

报告相同问题?

悬赏问题

  • ¥20 求各位解释一道区间DP
  • ¥15 怎么实现只排序每行中的第二列的数 如果比两数都大就放在第三列中 比两数都小就放在第一列中(语言-c语言)
  • ¥15 应用商店如何检测在架应用内容是否违规?
  • ¥15 Ubuntu系统配置PX4
  • ¥20 MATLAB间接平差计算
  • ¥50 nw.js调用activex
  • ¥15 数据库获取信息反馈出错,直接查询了ref字段并且还使用了User文档的_id而不是自己的
  • ¥15 将安全信息用到以下对象时发生以下错误:c:dumpstack.log.tmp 另一个程序正在使用此文件,因此无法访问
  • ¥15 速度位置规划实现精确定位的问题
  • ¥15 MAC虚拟机(win11)USB插上后无串口com,无法烧录