Discussion :

[splifferwolf]

Bonjour à tous,

Je viens vers vous car je suis dans une impasse, je vous explique :

J'ai un formulaire de base, des lignes sont ajouter automatiquement lorsque qu'on atteint le dernier champ de la ligne, alors la ligne est copié de manière à pouvoir enregistré plusieurs objets.

Voici la ligne HTML qui est généré à chaque fois :

Code :

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

1
2
3
4
5
6
 
<div class="frm-absolute-inline duplicate">
<input type="text" name="date" placeholder="01/01/2016" id="date" value="" style="width:80px;" />
<input type="text" name="descr" placeholder="Description" id="descr" value="" />
<input type="text" name="price"  placeholder="0,00" id="price" value="" style="width:80px;" /> &euro;
</div>

Mais je bloque sur comment récupérer les infos, j'ai essayer ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var MrData = {};
    $("body").find(".duplicate").each(function(i){
        dater = $(this).find("#date");
        descr = $(this).find("#descr");
        price = $(this).find("#price");
        newA = {'date':dater.val(), 'descr' : descr.val(), 'price': price.val()};
        MrData[MrData.length] = newA;
    });
    console.log(MrData);

Mais j'obtiens un Undefined, et les clés date, descr, price, sont tous vide.

Mon objectif est d'envoyer la liste sous format json pour le traiter en php, mais comment obtenir un tableau json incrémenté, ou chaque ligne du json contient les informations des champs, du genre

Code :

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

1
2
3
 
MrData[0] = {'date' : date, 'descr' : descr, 'price' : price}
MrDate[1] = ...

Je ne sais pas si je suis clair, mais n'hésitez pas à me poser des question, je tâcherai d'y répondre.

D'avance merci de votre participation...

[SpaceFrog]

Au vu te ton code, tu as des id multiples !

Un id doit être unique sir la page !

[splifferwolf]

Bonjour,
Je viens de trouver la solution...

Comme vous me le faite remarquer, j'ai retirer les id et les name de mes inputs qui sont inutile dans ce contexte, et j'ai modifier la manière de créer mon json

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
 
// Tableau
var MrData = new Array();
$(".duplicate").each(function(i){
    // Date
    dater = $(this).find("input[type='text']").eq(0).val();
    // Description    
    descr = $(this).find("input[type='text']").eq(1).val();
    // Prix
    price = $(this).find("input[type='text']").eq(2).val();
    // Si les 3 champs sont remplit (différent de rien)    
    if(dater != '' && descr != '' && price != ''){ 
        // Créer un nouvel index dans mon tableau
        MrData[MrData.length]  = {'date':dater, 'descr' : descr, 'price': price}; 
    }
});
// Converti mon tableau en chaîne JSON pour l'envoyer à PHP
MyJson = JSON.stringify(MrData);

Et tout fonctionne.
Merci pour votre intervention, je place le sujet en résolu

Bonne journée à tous