码迷,mamicode.com
首页 > Web开发 > 详细

JQuery动态增加删除元素

时间:2015-09-21 19:37:59      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

<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>

 

JQuery动态增加删除元素

标签:

原文地址:http://www.cnblogs.com/beyang/p/4826939.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!