Supprimer les champs qui sont avant le bouton suppression
Bonjour
Je souhaite supprimer des éléments qui sont avant le bouton suppression. En effet j'ai ce formulaire html :
Code:
1 2 3 4 5 6 7 8 9
| <form name="monFormulaire" method="post" action="traitement.php">
<fieldset id="experiences">
<legend> Expériences professionnelles</legend>
<button onclick="ajout(this);">+ Ajouter une expérience</button>
<script src="js/fonctions.js"></script>
</fieldset>
<input type="submit" name="envoyer" value="Envoyer"/>
</form> |
Voici le javascript :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| function ajout(element){
var formulaire = document.getElementById('experiences');
var str = '<span><input name="champs1[]" type="text" placeholder="Nom de l'entreprise"> </span><span><input name="champs2[]" type="text" placeholder="Fonction occupée"> </span><span><input name="champs3[]" type="text" placeholder="Durée"> </span><span><select name="champs4[]"><option value="" selected="selected">Principal enseignement...</option><option value="connaissance_metier">Connaissance du métier</option><option value="interet_metier">Intérêt pour le métier</option><option value="connaissance_secteur">Connaissance du secteur</option><option value="interet_secteur">Intérêt pour le secteur</option><option value="management">Management</option><option value="rigueur">Rigueur</option></select> </span><span><input type="checkbox" id="cbox1" value="checkbox1"> Poste actuel </span><span><input type="button" onclick="suppression(this)"; value="x"></span>';
formulaire.innerHTML = str + formulaire.innerHTML;
}
function suppression(element){
var formulaire = document.getElementById('experiences');
// Supprime les 5 champs
formulaire.removeChild(element.previousSibling);
formulaire.removeChild(element.previousSibling);
formulaire.removeChild(element.previousSibling);
formulaire.removeChild(element.previousSibling);
formulaire.removeChild(element.previousSibling);
// Supprime le bouton de suppression
formulaire.removeChild(element);
} |
Comment supprimer les champs qui s'ajoutent en cliquant sur le bouton supprimer ?
Merci d'avance pour votre aide