增删提交表2015-09-29

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
      <TITLE> New Document </TITLE>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <script type="text/javascript">
    function $(id) { return document.getElementById(id); }
    var md = {
       table:null,
       conent:'',
       init:function(){
             md.table = $('test');
             md.content = md.table.rows['1'].getElementsByTagName('td')[0].innerHTML;
         $('add').onclick = md.addRow;
             $('remove').onclick = md.removeRow;
       },
       addRow:function(){
             var newRow = md.table.insertRow(md.table.rows.length);
             newRow.insertCell(0).innerHTML = md.content;
       },
       removeRow:function(){ md.table.deleteRow((md.table.rows.length - 0) - 1); }
    }
    window.onload = md.init;
    </script>
    </HEAD>
    <BODY>
    <form action="test.php" method="POST">   
      <input type="button" id="add" value="增加一行">
      <input type="button" id="remove" value="删除一行">
      <table border="1" id="test" cellpadding="1" cellspacing="1">      
         <tr>
         <td width="250">提醒项目  提醒时间  提醒邮件 </td></tr>
          <tr>   
            <td colspan="3"><input size=10 type="text" name="aa[]"><input size=10 type="text" name="bb[]"><input size=10 type="text" name="cc[]">
                    </td>
          </tr>   
      </table>   
      <input value="提交" type="submit">   
      </form>
    </BODY>
    </HTML>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值