This article introduced jquery dynamic add Delete div implementation code, the need for friends can refer to the
copy code code as follows:
<script type= "Text/javascript" src= "Jquery.js" ></SCRIPT>
<body>
<form action= "" Method= "POST" enctype= "Multipart/form-data"
<label> Please select the uploaded picture </label>
<a href= "javascript : Addimg () > Add picture </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= "upload picture"/>
</form>
<script type= "Text/javascript" & Gt
$ (document). Ready (function () {
Bindlistener ();
});
//To bind an event (using Unbind to avoid duplicate binding)
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>");
//For new elementNode to add event listeners
Bindlistener ();
}
</script>