Ajout et suppression input text
Salut à tous
Voilà j ai un formulaire ou l utilisateur doit entrer des mot clé.
Il y a un input vide avec a côté un bouton ajouter.
J ai fait un script pour que quand il clique sur ajouter un nouvel input apparait avec ce qu'il a saisi et un bouton supprimer.
Pour le moment ça fonctionne
La ou je pèche c'est pour le supprimer
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| function plus() {
var champ = document.getElementById("choice");
var ajout = document.getElementById("form_input");
var count = document.getElementById("count");
//nouveau champ
var new_champ = '<input type="text" name="formul[]" value="'+champ.value+'"> <button id="minus" form="other" onclick="minus(this.item);">-</button><br>';
champ.value = '';
count.value = count.value+1;
var div = document.createElement('div');
div.innerHTML = new_champ;
ajout.appendChild(div);
}
function minus(id) {
var ajout = document.getElementById("form_input");
ajout.removeChild(ajout.childNodes.item(id));
} |
Le html
Code:
1 2 3 4 5 6
| <script src="js/form.js"></script>
<form method="post">
<div id="form_input" class="f"></div>
<input type="text" id="choice" name="formul[]"> <button id="plus" onclick="plus();" form="other">+</button>
<input type="hidden" id="count" value="0">
</form> |
Avec ceci, suivant ce que j ai supprimé précédemment, je ne supprime pas toujours le bon.
Normal car le count n est plus bon.
Auriez vous un conseil a me donner
Merci d avance