Ajouter et supprimer des champs d'un formulaire
Code:
1
2
3
4
5
6
7
8
9
| <form id="myform">
<div id="forminputs">
<select id ="select1" name="select1"><option>AK SUPRA 200</option></select>
<input type="text" name="input1" value="1" />
</div>
<div name="add">
<a href="" onclick="ajouter(); return false;" id="btnadd">ajouter</a>
</div>
</form> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| var inputs = 1;
var form = document.getElementById('forminputs');
function ajouter(){
if(inputs == 1){
form.innerHTML = '<a onclick ="sup(1); return false;" href="" id="sup'+(val)+'">supprimer</a><select id ="select1" name="select1"><option>AK SUPRA 200</option></select><input type="text" name="input1" value="1" /><br />';
}
var val=++inputs;
form.innerHTML+='<a onclick ="sup('+(val)+'); return false;" href="" id="sup'+(val)+'">supprimer</a><select id ="select'+(val)+'" name="select'+(val)+'"><option>AK SUPRA 200</option></select><input type="text" name="input'+(val)+'" value="1" id="input'+(val)+'"/><br />';
}
function sup(row){
sup = document.getElementById('sup'+row);
select = document.getElementById('select'+row);
input = document.getElementById('input'+row);
sup.parentNode.removeChild(sup);
select.parentNode.removeChild(select);
input.parentNode.removeChild(input);
} |
le code fonction bien je peux ajouter des champs, le problème c'est que la suppression ne fonction que la première fois quand j'essey de supprimer un champ, ensuite le script bug. j'arrive pas trouver l'erreur dans mon script ?? !! :arf:
merci d'vance
