Supprimer les 2 derniers input (removechild)

claudine13 Messages postés 34 Statut Membre -  
claudine13 Messages postés 34 Statut Membre -
Bonjour,

Sur l'exemple d'un code trouvé sur le net , je construis un formulaire qui me permet de rajouter deux champs inputs sur un onclick, je n'arrive pas à mettre un bouton qui me supprime les deux derniers input crée

Le code actuel ne me supprime que le dernier input
function addVersion(a) {
            document.getElementById('add_version').innerHTML = '<input type="button" value="Ajouter une version" onclick="addVersion('+(a+1)+');" />';
            var label = document.createElement("label" );
            label.setAttribute("for", "autres_versions" );
			label.innerHTML = "Version n°"+a;
			
            c=document.getElementById('autres_versions');
            c1=c.getElementsByTagName('input');
	    c2=c.getElementsByTagName('label');
			
            var input = document.createElement("input" );
	    document.getElementById('autres_versions').appendChild(label);
            input.setAttribute("name", "nom_version_"+a);
            input.setAttribute("type", "text" );
            input.setAttribute("placeholder", "Nom de la version" );
            document.getElementById('autres_versions').appendChild(input);
 
            var input = document.createElement("input" );
            input.setAttribute("name", "url_version_"+a);
            input.setAttribute("type", "text" );
            input.setAttribute("placeholder", "Url de la version" );
            document.getElementById('autres_versions').appendChild(input);  
	     document.getElementById('autres_versions').appendChild(document.createElement("br" ));				
	    document.getElementById('sup').style.display='inline';
    }
 
function delfields(){
c.removeChild(c1[c1.length-1])
}


<div id="autres_versions">
<label for="version_1"><i><u>Autres Versions</u></i></label><br />
 Version 1<input name="nom_version_1" value="">&nbsp;&nbsp;<input name="url_version_1" value=""><br/>
</div>
<span id="add_version"><input type="button" value="Ajouter une version" onclick="addVersion(2)" /></span><br/><br/>
<input type="button" style="display:none" id="sup" value="Supprimer une version" onclick="delfields()" />


Merci pour votre aide

A voir également:

2 réponses

Zep3k!GnO Messages postés 2049 Statut Membre 200
 
Modifie la fonction de delete et son appel :
function delfields(nbFields){ 
    for(var i=0;i < nbFields;i++) 
        c.removeChild(c1[c1.length-1]) 
} 

<input type="button" style="display:none" id="sup" value="Supprimer une version" onclick="delfields(2)" /> 
0
claudine13 Messages postés 34 Statut Membre 2
 
Merci Zep3k!GnO !
0