Supprimer les 2 derniers input (removechild)

Fermé
claudine13 Messages postés 32 Date d'inscription vendredi 22 juillet 2011 Statut Membre Dernière intervention 22 juin 2017 - 24 avril 2012 à 12:47
claudine13 Messages postés 32 Date d'inscription vendredi 22 juillet 2011 Statut Membre Dernière intervention 22 juin 2017 - 24 avril 2012 à 15:57
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 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200
Modifié par Zep3k!GnO le 24/04/2012 à 15:36
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 32 Date d'inscription vendredi 22 juillet 2011 Statut Membre Dernière intervention 22 juin 2017 2
24 avril 2012 à 15:57
Merci Zep3k!GnO !
0