动态插入 删除行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../style.css" rel="stylesheet" type="text/css">
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="10">
<table id="table1" width="100%" height="1" border="0" cellpadding="0" cellspacing="2">
<form name=frm method=post οnsubmit="return submit1();" action="productBrand.shtml?method=editProductBrand&id=$!pb.id">
    <input type=hidden name=isSubmit value="true">
<tr bgcolor="#CBD6E7">
    <td colspan=4 align=center height=18>修改价格规则</td>
</tr>
<tr bgcolor="#F0F0F0" >
    <td align=right>规则类型&nbsp;</td>
    <td colspan=3>
  <input  type="radio" name="ra" value="1" #if($!type==1) checked #end/>价格
  <input  type="radio" name="ra" value="2" #if($!type==2) checked #end/>百分比
    </td>
</tr>
<tr bgcolor="#F0F0F0">
    <td align=right>规则条目</td>
    <td colspan=3></td>
</tr>
<tr>
 <td>开始商品数量</td>
 <td>结束商品数量</td>
 <td>浮动参数</td>
 <td>操作  </td>
</tr>
#foreach($item in $items)
<tr>
 <td><input type=text value="$!item.startNum" name=url size=5></td>
 <td><input type=text value="$!item.endNum" name=url size=5></td>
 <td><input type=text value="$!item.param" name=url size=5></td>
  <td><input type=button value="删除" οnclick="deleteCurrentRow();"/></td> 
</tr>
#end
<tr>
    <td colspan=2 align=center><font color=#ff0000>$!error</font></td>
</tr>
</form>
</table>
<tr bgcolor="#CBD6E7">
    <td  colspan=2 align=left>
     <input type=button value="增加" onClick="addRow();"/></td>
    <td colspan=2 align=left>
     <input type=submit value="提交审批">
    </td>
</tr>
</body>
</html>

<script language="javascript">
function addRow(){
var  table1=document.getElementById("table1");  

var len=table.rows[1].cells.length;       //返回表格中的列数 
var rowNum=table1.rows.length;   //返回表格的行数
//添加一行
var newTr = table1.insertRow();
//添加两列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
var newTd2 = newTr.insertCell();
var newTd3 = newTr.insertCell();
//设置列内容和属性
newTd0.innerHTML = '<input type=text id="box4" size=5>';
newTd1.innerHTML = '<input type=text id="box4" size=5>';
newTd2.innerHTML = '<input type=text id="box4" size=5>';
newTd3.innerHTML = '<input type=button id="box4" value="删除">';
newTd3.onclick = function () {deleteCurrentRow()};
}

function deleteCurrentRow(){
var table1=document.getElementById("table1");  
//得到所在行的行标
rowNumber=window.event.srcElement.parentElement.parentElement.rowIndex;
//删除行
table1.deleteRow(rowNumber);
}
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值