js练习——动态控制表格中得行

<html>

<head>
    <title>动态添加</title>
    <script language="javascript">
        var value;
        function change()
        {
            var selectvalue = document.getElementById("se").selectedIndex;
            value = selectvalue;
        }

        function addHtml(r)
        {
            var row = document.getElementById("tb");
            var rownum ;

            if(r!=0)
            {
                rownum = r + 1;
            }
            else
            {
                //获得当前得行数
                var num = document.getElementById("tb").rows.length;
                //使添加得新行在表格底部
                rownum = num - 1;
            }
            row.insertRow(rownum);
            //值编号
            row.rows[rownum].insertCell(0);
            row.rows[rownum].cells[0].innerHTML="<input type='text'/>";
            //值代码
            row.rows[rownum].insertCell(1);
            row.rows[rownum].cells[1].innerHTML="<input  type='text'/>";

            if(value==2)
            {
                //最大值
                row.rows[rownum].insertCell(2);
                row.rows[rownum].cells[2].innerHTML="<input type='text'/>";
                //最小值
                row.rows[rownum].insertCell(3);
                row.rows[rownum].cells[3].innerHTML="<input type='text'/>";
            }
            else
            {
                //最大值
                row.rows[rownum].insertCell(2);
                row.rows[rownum].cells[2].innerHTML="<input type='text' value='不可用' disabled='disabled'/>";
                //最小值
                row.rows[rownum].insertCell(3);
                row.rows[rownum].cells[3].innerHTML="<input type='text' value='不可用' disabled='disabled'/>";

            }
            //值描述
            row.rows[rownum].insertCell(4);
            row.rows[rownum].cells[4].innerHTML="<input type='text'/>";
            //添加方式
            row.rows[rownum].insertCell(5);
            row.rows[rownum].cells[5].innerHTML="<select id='sys'><option value='0'>系统定义</option><option value='1'>用户定义            </option></select>";

            //操作
            row.rows[rownum].insertCell(6);
            row.rows[rownum].cells[6].innerHTML="<input type='button' value='+' οnclick='addHtml("+rownum+")'/><input type='button' value='-' οnclick='deleterow("+rownum+")'/>";
        }

        function deleterow(rnum)
        {
            var num = document.getElementById("tb").rows.length;

            if(rnum != num)
            {
                var aa = num - rnum ;
                if(aa == 1)
                {
                //防止删除最后一行
                    rnum = rnum - 1;

                }
                if(confirm('你确定要删除吗？'))
                {
                    var tbody = document.getElementById("tb");
                    tbody.deleteRow(rnum);
                }

            }
        }
    </script>
</head>
<body>

js练习——动态控制表格中得行相关推荐

用html向表格插入新行,js向table表格中插入添加新行和选择删除行
js向table表格中插入添加新行和选择删除行-综合特效-网页特效-站长新动力-msxindl.com #tab{ width:50%; } #tab td{ height:2em; text-ali ...
(转贴)用VBA得到EXCEL表格中的行数和列数
<script type="text/javascript"></script> <script src="http://pagead2.g ...
用VBA得到EXCEL表格中的行数和列数
用VBA得到EXCEL表格中的行数和列数每种方法中上面的是Excel的行数,下面的是Excel的列数. 方法1: ActiveSheet.UsedRange.Rows.Count ActiveShe ...
同时删除Excel表格中多行隔行空白行
Excel表格中要同时删除隔行的空白行,如果要一行一行地删除就太麻烦了,下面来介绍下如何同时删除Excel表格中多行的隔行空白行. 1.如下图所示,我们需要删除的是每一行下面的空白单元格 2.首先,全 ...
js动态删除表格中的某一行
js动态删除表格中的某一行 <!DOCTYPE html> <html lang="en"> <head><meta charset=&q ...
layerui js获取数据表格中的动态内容on失效live失效
layerui js获取数据表格中的动态内容on失效live失效.由于jquery1.9版本之后不再使用live,所以改成on,但直接使用on以layer中又不起作用.于是用下面的语句. $(docu ...
jQuery无任何标示获取td在表格中的行数和列数
当td没有任何标示时,在jQuery中实现获取其在表格中的行和列: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ ...
axure中怎么做出固定首行_办公软件操作技巧078：如何在excel表格中冻结行与列...
在日常工作中,有时我们编辑的excel表格会比较大,数据内容有很多行和列,当我们拖动滚动条找到了离表头比较远的数据行或列的内容时,又看不到行或列表头标题信息了,这时再去处理数据信息就会感觉很不方便,如 ...
【HTML 教程系列第 19 篇】HTML 表格中的行合并与列合并
这是[HTML 教程系列第 19 篇],如果觉得有用的话,欢迎关注专栏. 在使用 Excel 的时候,会经常的用到合并单元格,而在 HTML 的表格中,有时我们也需要将横向的多个单元格或者纵向的多个单 ...
如何使用条件格式突出显示Google表格中的行
Should you need to isolate data in Google Sheets based on specific criteria in a cell, you can use c ...

js练习——动态控制表格中得行

js练习——动态控制表格中得行相关推荐

最新文章

热门文章