Javascript-表格行-添加，删除 -

keimon

浏览: 72824 次
性别:
来自: 上海

最近访客更多访客>>

Jessy_橙子

yw8886484

LuWeiFeng

ntanita

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

Javascript-表格行-添加，删除

博客分类：

Javascript

javascript

Javascript处理表格行的添加，删除，及重载时新增行的处理；
具体代码如下：

<SCRIPT type=text/javascript src="mdbDataBase.js"></SCRIPT>
<script>
   //添加行；
   function addRow(tabId,rowNum,tdRows,startId,hidId){
   var tab = document.getElementById(tabId);
   var rowNum = document.getElementById(rowNum);
   var tbRows = document.getElementById(tdRows);
   var hidObj = document.getElementById(hidId);
   hidObj.value++;
   var cells = rowNum.getElementsByTagName('td')[0].colSpan;
   var rowIndex = rowNum.rowIndex;
   var tr = tab.insertRow(rowIndex);
   tbRows.rowSpan++;
   var tdId = tab.rows.length*cells + startId
   for(var i=0; i<cells; i++){
      var td = tr.insertCell();
      td.style.border = '1px solid #000';
      td.innerHTML = '<textarea class="textarea1" id='+tdId+' style="width:90%"></textarea>'
      tdId++
   }
   }

   //删除行1
   function deleteRow(tabId,rowNum,tdRows,hidId){
   var tab = document.getElementById(tabId);
   var rowNum = document.getElementById(rowNum);
   var tbRows = document.getElementById(tdRows);
   var hidObj = document.getElementById(hidId);
   var rowIndex = rowNum.rowIndex;
   var hidVal = hidObj.value;
   if(hidVal>0){
     tab.deleteRow(rowIndex-1);
     hidObj.value--;
     tbRows.rowSpan--;
   }else{
     alert('无法删除！')
   }
   }

   //删除行2
   function deleteRow2(tabId,rowNum,tdRows,hidId){
   var tab = document.getElementById(tabId);
   var rowNum = document.getElementById(rowNum);
   var tbRows = document.getElementById(tdRows);
   var hidObj = document.getElementById(hidId);
   var rowIndex = rowNum.rowIndex;
   var hidVal = hidObj.value;
   if(hidVal>0){
     tab.deleteRow(rowIndex-1);
     hidObj.value--;
   }else{
     alert('无法删除！')
   }
   }

//页面重载时，加载增加的行的数据；
function loadTableByHiddenValue(arr){
   for(var i=0; i<arr.length; i++){
    var hid = document.getElementById(arr[i]);
    var hid_val = hid.value;
    if(hid_val>0){
     var hid_id = hid.id;
     for(var j=0; j<hid_val; j++){
        var add_id = "add"+hid_id;
        var add_btn = document.getElementById(add_id);
        add_btn.click();
     }
    }
    hid.value=hid_val;
   }
     }

</script>
</head>

0
顶

0
踩

分享到：

鼠标移动形成选择框-选择checkbox | Javascript-处理mdb数据库

2013-03-15 15:52
浏览 902
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Javascript-表格行-添加，删除

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Javascript-表格行-添加，删除

评论

发表评论

相关推荐

ie兼容 New Date（）内有参数

表格添加行，删除行通用方法

Javascript-处理mdb数据库

最近访客更多访客>>