javascript动态增删行的实现

标签：java

//增加行

function doAddRow()
 {
  var bodyObj=document.getElementById("fm2_table_body"); //tbody 的id
  var rowCount = bodyObj.rows.length;
  var newRow = bodyObj.insertRow(rowCount++);   
  var C1 = newRow.insertCell(0);
  var C2 = newRow.insertCell(1);

  C1.setAttribute("className","td_class_1");
  C2.setAttribute("className","td_class_1");

  C1.innerHTML = "<input type=‘text‘ name=‘rzsgdwmc‘ style=‘width:100‘/>";
  C2.innerHTML = "<input type=‘text‘ name=‘sdqj‘ style=‘width:80‘/>";

}

//删除行

function doDelete(inputobj){ 
  if(inputobj==null) return; 
  var parentTD = inputobj.parentNode;
  var parentTR = parentTD.parentNode; 
  var parentTBODY = parentTR.parentNode; 
  parentTBODY.removeChild(parentTR); 
 }

action中自动封装列表的数据：

将actionForm中该表格的每一列属性定义为数组类型，这样在action中就会自动封装为数组，在Dao中直接操作数组即可。

javascript动态增删行的实现

标签：java

原文地址：http://blog.csdn.net/chengxuyuanqiangzi/article/details/45021859