Discussion :

[arthuro45]

Dans un tableau html j'ai une colonne qui contient des input qui ont tous le même name mais des valeurs différentes selon la saisie, et il y a une autre colonne en début de tableau qui contient les références :

Bouton, tableau :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<input type="button" name="validerCde" id="validerCde" value="Valider la commande" />
<table border="1">
<tr>
<th>Référence</th>
<th>colonne 1</th>
<th>colonne 2</th>
<th>colonne 3</th>
<th>colonne 4</th>
<th>Valeur</th>
</tr>
<tr>
<td>ref1</td>
<td>col1</td>
<td>col2</td>
<td>col3</td>
<td>col4</td>
<td><input type="text" name="inputVal" id="inputVal" Class="input_cde" value="" /></td>
</tr>
<tr>
<td>ref2</td>
<td>col1</td>
<td>col2</td>
<td>col3</td>
<td>col4</td>
<td><input type="text" name="inputVal" id="inputVal" Class="input_cde" value="" /></td>
</tr>
<tr>
<td>ref3</td>
<td>col1</td>
<td>col2</td>
<td>col3</td>
<td>col4</td>
<td><input type="text" name="inputVal" id="inputVal" Class="input_cde" value="" /></td>
</tr>
<tr>
<td>ref4</td>
<td>col1</td>
<td>col2</td>
<td>col3</td>
<td>col4</td>
<td><input type="text" name="inputVal" id="inputVal" Class="input_cde" value="" /></td>
</tr>
</table>

Avec une requête ajax je dois envoyer un array (clé/valeur) contenant référence/valeurInput.
serialize ne convient pas, car la clé ne sera pas la référence mais toujours le name du input (A moins que vous ayez une solution pour faire entrer la ref dans la value du input avec un séparateur).

Au clique sur le bouton "valider la commande", comment fais-t-on pour ramener référence/valeurInput des input saisie, le tout dans un tableau exploitable par PHP comme le fait serialize ?

J'ai bien le début d'une fonction, mais je me perd quand il s'agit de récupérer les valeurs entre les parent, enfant etc...

Code :

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

1
2
3
4
5
6
7
8
9
 
$("#validerCde").click(function() {
   if(confirm("Veuillez confirmer la création de la commande :")) {
      var qte = $(".input_cde").text();
   } 
   else {
           return false;
        }
});

[SpaceFrog]

1) un id DOIT être UNIQUE sur le page ...

2) il te faudra passer par un each pour faire un push dans un array

commence par modifier ton code de sorte à n'avoir plus d'id en doublons ...

on fera le each après

[arthuro45]

J'ai modifié le code du tableau avec un peu de php pour générer des id uniques :

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
19
20
21
22
 
<input type="button" name="validerCde" id="validerCde" value="Valider la commande" />
  <table border="1">
    <tr>
	<th>Référence</th>
	<th>colonne 1</th>
	<th>colonne 2</th>
	<th>colonne 3</th>
	<th>colonne 4</th>
	<th>Valeur</th>
    </tr>
<?php for($i=1; $i<=4; $i++) { ?>
    <tr>
	<td>ref<?php echo $i; ?></td>
	<td>col1</td>
	<td>col2</td>
	<td>col3</td>
	<td>col4</td>
<td><input type="text" name="inputVal<?php echo $i; ?>" id="inputVal<?php echo $i; ?>" Class="input_cde" value="" /></td>
    </tr>
<?php } ?>
   </table>

[SpaceFrog]

tu peux avoir un name unique...

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
19
20
21
22
 
<input type="button" name="validerCde" id="validerCde" value="Valider la commande" />
  <table border="1">
    <tr>
	<th>Référence</th>
	<th>colonne 1</th>
	<th>colonne 2</th>
	<th>colonne 3</th>
	<th>colonne 4</th>
	<th>Valeur</th>
    </tr>
<?php for($i=1; $i<=4; $i++) { ?>
    <tr>
	<td>ref<?php echo $i; ?></td>
	<td>col1</td>
	<td>col2</td>
	<td>col3</td>
	<td>col4</td>
<td><input type="text" name="inputVal" id="inputVal<?php echo $i; ?>" Class="input_cde" value="" /></td>
    </tr>
<?php } ?>
   </table>

ton jquery devient:

Code :

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

1
2
3
var tabVals=new Array();
$('input[name="inputval"]').each(function(){
 tabVlas.push($(this).val();});

mais je me demande même si un serialize sur un même name avec [] ne fonctionne pas ???

Code :

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

<td><input type="text" name="inputVal[]" id="inputVal<?php echo $i; ?>" Class="input_cde" value="" /></td>

[arthuro45]

Je confirme, serialize fonctionne et ramène une chaine : ref1=&ref2=4&ref3=2&ref4=

Code :

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

var str = $(".input_cde").serialize();

Code :

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

<input type="text" name="ref<?php echo $i; ?>" value="" Class="input_cde" />

Comment fait-on pour exploiter cette chaine et récupérer les valeurs ? Unserialize ?

[SpaceFrog]

coté serveur ?

fais toi un joli var_dump ou print_r tu comprendras ce que tu as dans le post