zoukankan      html  css  js  c++  java
  • thinkphp 删除该表的最后一行

    问题叙述性说明:

    文章连接动态连接表格,因为有被添加。有必须删除。动态添加到表格这似乎有点不合理。它应该只被添加到表格行。而不是增加一个新表格。

    发布完整的代码在这里,加入表格新行和删除表格最后一行。

    <html>
    
    <script src="__PUBLIC__/js/jquery.min.js" type="text/javascript"></script>
    
    <script type="text/javascript">
    $(document).ready(function() {
    
    	 var row=1; //用来标识当前行数
    
     $("#add").click(function(){//新表格行html
     var line="<tr><td>选项</td><td><input id='op[]'name= 'option["+row+"]' type='text' /></td><td>性别</td><td><input name='sex["+row+"]' type='text' /></td><td>学院</td><td><input name='school["+row+"]' type='text' /></td><td>头像</td><td><input name='thumb["+row+"]' type='file' /></td><td><button type='button' name='btn' value='del["+row+"]' onclick='deltr()'>删除</button></td></tr>";
    
      
      $("#row").val(row);
    
      row=row+1;
    
    
    });
    
    });
    
    function deltr(){
    var trs = document.getElementById('list').getElementsByTagName('tr');
     $('#list tr:last-child').remove();//删除最后一行
    
    
    }
    
    
    </script>
    	
    
    <body >
    
    <div id="a"></div>
    
    <form name="vote" method="post" action="__URL__/add_vote"  enctype="multipart/form-data">
    <lable><h1>投票名称 <input name="votename" type="text" /></h1> </lable>
    <input id="row" name="row" type="hidden" vaule=""/>
    
    <table id='list'>
    	
    
    </table>
    </div>
    <div>
    <input id="add" type="button" value="添加一行" />
    	 
    <input id="" type="submit" value="提交" /></td>
    </div>
    
    </form>
    
    
    </body>
    
    </html>
    


    版权声明:本文博主原创文章。博客,未经同意不得转载。

  • 相关阅读:
    Android基本功:Socket
    Javascript模板及其中的数据逻辑分离思想
    MFC,QT与WinForm,WPF简介
    GPIB、USB、PCI、PCI Express和以太网/LAN/LXI
    Office批量授权(VL)版本和激活方法
    Labview 错误1400-打包库封装类时将对类重命名导致
    console.log()
    a标签中href=""的几种用法
    正斜杠"/"与反斜杠""
    提问的艺术
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/4842073.html
Copyright © 2011-2022 走看看