码迷,mamicode.com
首页 > 编程语言 > 详细

javascript动态增删行的实现

时间:2015-04-13 10:59:17      阅读:159      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!