dynamiquement la suppression des éléments de formulaire en utilisant javascript

Question

ma part div html est

<div id="upload"> 

<input type="button" id="add" value="Click here to add" onclick="uploadFile();"> 

<input type="hidden" name="fileCount" id="fileCount" value="0" /> 
</div> 

mon javascript est

function uploadFile() 
{ 
    var count = parseInt($('#fileCount').val(), 10); 
    count = count + 1; 
    if(count<=2){ 
     var x = document.createElement("INPUT"); 
     var br = document.createElement("br"); 
     var text = document.createElement("INPUT"); 
     var remove = document.createElement("INPUT"); 
     text.setAttribute("type", "text"); 
     text.setAttribute("name", "description_" + count); 
     text.setAttribute("value", "file description"); 
     remove.setAttribute("type", "button"); 
     remove.setAttribute("value", "Delete"); 
     remove.setAttribute("id", "Delete"+count); 
     remove.setAttribute("onclick", "remove();"); 

     x.setAttribute("type", "file"); 
     x.setAttribute("name", "file_" + count); 
     x.setAttribute("id", "file_" + count); 

     x.setAttribute("onchange","checkFile(this);"); 
     upload.appendChild(br); 
     upload.appendChild(x); 
     upload.appendChild(text); 
     upload.appendChild(remove); 
     $('#fileCount').val(count); 
    } 
    else{ 
     alert("cant upload more than two files"); 
    } 
} 

function remove() 
{ 
    // upload.getElementById(file_).remove(); 
} 

Ici, je besoin d'une fonction de suppression pour supprimer l'élément correspondant lorsque je clique sur Delete bouton dynamiquement.

Answer 1

Appelez cette fonction en cliquant sur le bouton.

function removeDummy() { var elem = document.getElementById('elementtodelete'); elem.parentNode.removeChild(elem); return false; }

Answer 2

Vous pouvez utiliser la méthode jQuery remove() qui suppriment les éléments de HTML et DOM.

$(selector).remove(); 

jQuery supprimer ref méthode: remove()