Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 ?? !!
merci d'vance