展会信息港展会大全

jquery动态添加删除div 具体实现
来源:互联网   发布日期:2016-01-26 10:12:45   浏览:2207次  

导读:这篇文章介绍了jquery动态添加删除div实现代码,有需要的朋友可以参考一下复制代码 代码如下:script type=text javascript src=jquery js scriptbodyform action= method=post enctype=multipart ...

这篇文章介绍了jquery动态添加删除div实现代码,有需要的朋友可以参考一下

复制代码 代码如下:

<script type= text/javascriptsrc= jquery.js ></script>

<body>

<form action= " method= postenctype= multipart/form-data >

<label>请选择上传的图片</label>

<a href= javascript:addimg()>增加图片</a>

<div class= mdivid= mdiv >

<div class= iptdiv>

<input type= filename= img[]class= ipt/><a href= #name= rmlink >X</a>

</div>

</div>

<input type= submitname= submitvalue= 上传图片/>

</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= filename= img[]class= ipt/><a href= #name= rmlink > X </a></div>');

// 为新元素节点添加事件侦听器

bindListener();

}

</script>

赞助本站

人工智能实验室

相关热词: 动态添加删除 jquery

相关内容
AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港