动态增删表格中的行【代码片段】_增删表格行代码-优快云博客

本文链接：https://blog.youkuaiyun.com/wyt1209/article/details/3344198

//----------------为表格添加一个新行----------------//
function tableAdd() {
  var newRow;
  var rownum = table_elment.rows.length;
  newRow=table_elment.insertRow(rownum);
  newRow.id="r"+rownum;
  newRow.align = "center";
  newRow.bgColor="#ffffff";
  i++;


  var str1='<input type="hidden" id="specialtyid'+rownum+'" name="speaceid" value="${loginer.specialtyId}">'
   +'<input type="text" id="specialtyname'+rownum+'" name="specialtyname" value="${loginer.specialtyName}"'
   +'onClick="SelectWorkGroup1('+rownum+');"'
   +'size="15" readonly/>';



  var str2='<input type="hidden" id="depid'+rownum+'" name="depid" value="${loginer.str_DepId}" />'
    +'<input type="text" id="depname'+rownum+'" name="depname" value="${loginer.str_DepName}"'
    +'onClick="SelectWorkGroup4('+rownum+',/'${loginer.strOpFac}/')"'
    +'size="12" readonly />';



  newRow.insertCell(0).innerHTML=document.all.div_tdvalue1.innerHTML;
  newRow.insertCell(1).innerHTML=document.all.div_tdvalue2.innerHTML;
  newRow.insertCell(2).innerHTML=str1;
  newRow.insertCell(3).innerHTML=str2;
  newRow.insertCell(4).innerHTML=document.all.div_tdvalue3.innerHTML;;
  newRow.insertCell(5).innerHTML=document.all.div_tdvalue4.innerHTML;
  cell6 = newRow.insertCell(6);
  cell6.colSpan = 2;
  cell6.innerHTML = document.all.div_tdvalue5.innerHTML;

  cont++;
}

// ----------------- 删除当前行 ----------------- //
function tabledel() {
         var trIndex = getRowIndex();

         table_elment.deleteRow(trIndex);
}

// -------------- 获取当前行的索引 ------------- //
function getRowIndex()
{
     try
     {
         var Elm = event.srcElement;
         while(Elm && Elm.tagName != "TR")
         {
             Elm = Elm.parentElement;
         }
         var intRowIndex = Elm.rowIndex;
         return intRowIndex;
     }
     catch(ex)
     {
         alert("getRowIndex() Err 5001:/r/n" + ex);
         m_strError += "getRowIndex() Error" + ex;
     }
}