zoukankan      html  css  js  c++  java
  • JQuery动态增加删除元素

    <form action="" method="post" enctype="multipart/form-data">
    
            <label>请选择上传的图片</label> <a href="javascript:addimg()">增加图片</a>
    
            <div class="mdiv" id="mdiv">
    
                <div class="iptdiv">
                    <input type="file" name="img[]" class="ipt" /><a href="#"
                        name="rmlink">XXX</a>
                </div>
    
            </div>
    
            <input type="submit" name="submit" value="上传图片" />
        </form>
    
        <script type="text/javascript">
            $(document).ready(function() {
                bindListener();
                
            })
    
            function addimg() {
                $("#mdiv").append(
                                '<div class="iptdiv" ><input type="file" name="img[]" class="ipt" />'+
                                '<a href="#" name="rmlink">XXX</a></div>');
                //为新元素节点添加事件侦听器
                bindListener();
                
            }
            
            function bindListener(){
                $("a[name='rmlink']").unbind().click(function(){
                    $(this).parent().remove();
                })
                
            }
        </script>
  • 相关阅读:
    JavaWeb——Servlet开发3
    8.3.3
    8.3.2
    8.3
    8.2
    8.1
    7.3.9
    7.3.8.3
    7.3.8.2
    7.3.8.1
  • 原文地址:https://www.cnblogs.com/beyang/p/4826939.html
Copyright © 2011-2022 走看看