Discussion :

[m-t4rik]

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

[andry.aime]

Bonsoir,

form.innerHTML = '<a onclick ="sup(1); return false;" href=""

A+.

[m-t4rik]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

form.innerHTML+='<a onclick ="sup('+(val)+');

le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

form.innerHTML = '<a onclick ="sup(1); return false;" href=""

est spécifie juste pour la première ligne

j'ai utiliser l'outil firebug de mozila y'a pas de probleme dans la syntaxe des champs générer par le JS.

[NoSmoking]

Bonjour,
au passage

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
function sup(row){
    sup = document.getElementById('sup'+row);

une variable qui à le même nom que la fonction dans laquelle elle se trouve c'est très très moyen...

[andry.aime]

Modifie le nom de la variable sup dans la fonction.

Sinon, il est plus facile de les mettre dans un bloc div et tu supprimes seulement le div sinon les br trainent toujours.

Edit: owned.

[m-t4rik]

merci à vous,
j'ai changer le nom de la variable "sup" est ça marché :