<script type="text/网页特效" 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>
代码二
<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(){
$("a[name=rmlink]").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>');
}
</script><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">x</a></div>');
// 为新元素节点添加事件侦听器
bindlistener();
}// 用来绑定事件(使用unbind避免重复绑定)
function bindlistener(){
$("a[name=rmlink]").unbind().click(function(){
$(this).parent().remove();
})
}
</script>