Discussion :

[Devilju69]

Bonjour à tous,

Je souhaite faire une copie de ma ligne de mon tableau et changer le nom des inputs pour pouvoir les récupérer par la suite.

Voici mon code JS

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
//Ajouter des lignes
var $tbody = $('#tbodyPhones'),
    $btns = $tbody.find('.ajouterLigne'),
    addRow = function() {
	var n = 0;
	$btns.each(function(){
		var $tr = $(this).parents('tr').eq(0),
		$newTr = $tr.clone(true);
		$newTr.find('input[name!="+"]').val('');
		$newTr.find('input').attr('name', ''+n); // Je voudrais rajouter le chiffre apres le nom existant
		$tr.after($newTr);
		n++;
	});
};
$btns.click(addRow);

Merci d'avance

[le_chomeur]

Une simple recherche via notre amis google t'aurais donnée la réponse en 3 secondes :

https://api.jquery.com/each/

Code :

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

1
2
3
$( "li" ).each(function( index ) {
  console.log( index + ": " + $( this ).text() );
});

la fonction passée à each prend en paramètre l'index de l'élément courant

[Devilju69]

Je débute et je n'arrive pas à l'appliquer sur mon code

J'ai fais des recherches

[NoSmoking]

Bonjour,

Je souhaite faire une copie de ma ligne de mon tableau et changer le nom des inputs pour pouvoir les récupérer par la suite.

dans ce cas mets des NAMEs du type name="le_nom[]" qui te permettra de récupérer coté serveur un tableau.

Je débute et je n'arrive pas à l'appliquer sur mon code

pourtant l'exemple de le_chomeur est clair.

[Devilju69]

J'ai réalisé cela mais il m’insère 5 lignes (par rapport au nombre d'input) et incrémente dans le sens inversé !

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
//Ajouter des lignes
var $tbody = $('#tbodyPhones'),
    $btns = $tbody.find('.ajouterLigne'),
    addRow = function() {
	var n = 0;
	$('input').each(function(){
		var $tr = $(this).parents('tr').eq(0);
		$newTr = $tr.clone(true);
		$newTr.find('input[name!="+"]').val('');
		$newTr.find('input').attr('name', 'a'+n);
		$tr.after($newTr);
		n++;
	});
};
$btns.click(addRow);

[NoSmoking]

J'ai réalisé cela mais il m’insère 5 lignes

d'un autre coté c'est ce que tu demandes dans ton code à l'intérieur de la boucle

Code :

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

1
2
3
4
5
6
7
8
$('input').each(function () {
    var $tr = $(this).parents('tr').eq(0);
    $newTr = $tr.clone(true);                    // clonage
    $newTr.find('input[name!="+"]').val('');
    $newTr.find('input').attr('name', 'a' + n);
    $tr.after($newTr);                           // ajout
    n++;
});