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








