复制或删除该下拉列表

来源:互联网 发布:手机写码软件 编辑:程序博客网 时间:2024/05/19 07:42

  要求实现点击“+”,就复制该列表,点击对应的"-",就删除该记列表:


<script type="text/javascript">
         var i=1;


       $(function(){
        $("#add").click(function(){ 
            i+=1;
         $("#content_small").clone(true).appendTo("#content");
                    
        
       })
       });


         $(function(){
        $("#delete").click(function(){
            var self = $(this);                              
          self.closest("#content_small").remove();
         i-=1;
         
        })
       });
       

</script>

<body>


<div id="content" style="width: 400px; height: 200px; border:1px solid red;">
<div id="content_small">
<select name="a">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
</select>
<button id="add">Add</button>
<button id="delete">Delete</button><br>
</div>
</div>

</body>

0 0
原创粉丝点击