表格页面的增删操作(页面级)

==a.jsp

<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/askmanage/tag.jsp"%>
<title>产品定价</title>
<script language=javascript src="/init/common.js"></script>
<body >

 
       
            
          <!-- 表格的增删 -->
           
                <table id="cxrstable" width="660" border=1 cellSpacing=0 borderColorLight=#CDC8CE borderColorDark=#e1edf7>
                    <tr>
                      <td width="150" nowrap="nowrap" >起</td>
                      <td width="150" nowrap="nowrap" >止</td>
                      <td width="150" nowrap="nowrap" >折扣</td>
                      <td width="150" nowrap="nowrap" >促销说明</td>
                      <td width="28" nowrap="nowrap" >&nbsp;</td>
                    </tr>
                   
                          <tr>
                            <td><input name="field1" id="field1"  value="" />&nbsp;</td>
                            <td><input name="field2" id="field2"  value="" />&nbsp;</td>
                            <td><input name="field4" id="field4"  value="" />&nbsp;</td>
                            <td><input name="bz" id="bz"  maxlength="200"  value="" />&nbsp;</td>
                            <td><a title='删除' onClick="javascript:cxrsDel()"><span  style="cursor:hand">删除</span></a></td>
                          </tr>
                    
                    <tr>
                      <td colspan="3">&nbsp;</td>
                      <td align="right"><input name="button3" type="button" class="ButtonBM" onClick="cxrstableAdd();" value="增  加" /></td>
                      <td align="right">&nbsp;</td>
                    </tr>
              </table>
  

</body>
<script type="text/javascript">
<!--
 function cxrstableAdd(num) { 
  var nrow=$("cxrstable").rows.length;
  var row=$("cxrstable").insertRow(nrow -1);
  var n=1;
  row.bgColor="#ffffff";
  i = parseInt(nrow);
  var rand=parseInt(Math.random()*1000);
  row.insertCell(0).innerHTML="<input name='field1' id='field1'/>";
     row.insertCell(1).innerHTML="<input name='field2' id='field2'/>";
     row.insertCell(2).innerHTML="<input name='field4' id='field4'/>";
  row.insertCell(3).innerHTML="<input name='bz' id='bz'/>";
     row.insertCell(4).innerHTML="<a title='删除' onClick='javascipt:cxrsDel()'><span  style='cursor:hand'>删除</span>";
     n++;
 }
 function cxrsDel(){
     var nrow=$("cxrstable").rows.length;
     if(nrow<3){
      return ;
     }
  event.cancelBubble=true;
  with (event.srcElement.parentElement.parentElement.parentElement) {
    if (tagName.toLowerCase()=="tr") $("cxrstable").deleteRow(rowIndex);
  }    
 }
 
 
//-->
     
</script>
 

 

common.js(要用到公用js)==${"table"}  ==>  js 中定义

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值