zoukankan      html  css  js  c++  java
  • js动态添加行

     <script>
                $(function() {
                    //增加上传
                    var addli = function() {
                        var linum = parseInt($(".pic-wrap li.upload").length);
                        $('.pic-wrap ul').append('<li class="upload"><input name="FileUpload' + (linum + 1) + '" type="file" id="FileUpload' + (linum + 1) + '" class="multi"/>图片名称:<input type="text" class="text2" id="ImgTitle' + (linum + 1) + '" name="ImgTitle' + (linum + 1) + '"/>');
    
                    };
    
                    //增加“添加”按钮并清除原来的        
                    var move_btn = function() {
                        $(".pic-wrap li.upload:last").append('<input class="add_up" type="button" value="添加" />')
                    .find('.add_up').bind('click', function() {
                        addli();
                        move_btn();
                        move_btn2();
                    })
                    .parent('li.upload').siblings().find('.add_up').remove();
                    };
    
    
                    //移动“上传”按钮到最后            
                    var move_btn2 = function() {
                        $('.upbtn').insertAfter(".pic-wrap li.upload:last")
                    };
                    $('.add_up').click(function() {
                        addli();
                        move_btn();
                        move_btn2();
                    });
                });
    </script>
                           <ul>
                                         <li class="upload">
                                         <input id="File1" name="FileUpload1" type="file" class="multi"/>产品名称:
                                         <input type="text" class="text2" id="ImgTitle1" name="ImgTitle1"/>
                                         <input class="add_up" type="button" value="添加" />
                                         <input type="hidden" id="fileSize"  name="fileSize" value="1"/>
                                         </li>                                
                                   </ul> 
  • 相关阅读:
    mysql数据库
    Python中socket编程
    Python中logging模块
    Python中的多进程
    Python中并发、多线程等
    Python模块化
    Python中异常处理
    KafKa入门
    kafka入门:简介、使用场景、设计原理、主要配置及集群搭建(转)
    第一节 MongoDB介绍及下载与安装
  • 原文地址:https://www.cnblogs.com/zwnet/p/3417603.html
Copyright © 2011-2022 走看看