源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery动态添加删除div 具体实现

  • 时间:2020-03-05 07:45 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery动态添加删除div 具体实现
[u]复制代码[/u] 代码如下:
<script type=”text/javascript” src=”jquery.js”></script> <body> <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”>X</a> </div> </div> <input type=”submit” name=”submit” value=”上传图片” /> </form> <script type=”text/javascript” > $(document).ready(function(){ bindListener(); }); // 用来绑定事件(使用unbind避免重复绑定) function bindListener(){ $(“a[name=rmlink]“).unbind().click(function(){ $(this).parent().remove(); }) } function addimg(){ $(“#mdiv”).append(‘<div class=”iptdiv”><input type=”file” name=”img[]” class=”ipt” /><a href=”#” name=”rmlink”> X </a></div>'); // 为新元素节点添加事件侦听器 bindListener(); } </script>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部