Récupérer dans un tableau les valeurs input de même nom [Résolu]

[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 :

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 :

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 :

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 :

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 :

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 :

<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 :

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

Code :

<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

[arthuro45]

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

Merci pour ton aide, mais je n'ai réussi à voir le résultat de mon print_r dans le retour de la requête ajax avec un alert. Je manque de pratique. Malheureusement je n'ai plus le temps de mettre en place l'ajax avec jquery pour le moment, j'ai opté pour rechargement de page moins propre.
Je met en résolu.

[arthuro45]

J'ai finalement trouvé comment récupérer en PHP les valeurs de mon tableau "sérializé" par Jquery.
Quelques explications pour les débutants comme moi qui passeraient par là :
test.php :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
$tab = array();
$str = $_GET['refqte']; // Le tableau serializé reçu d'Ajax.
parse_str($str,$tab); // Analyse une requête HTTP.
 
foreach($tab as $cle => $val) { // On boucle sur les résultats.
	if($val!="") {
		$a = explode("-", $cle); // J'explode car $cle contient 2 variables, reference et libellé.
	        $maj = mysql_query("INSERT INTO commande (reference,libelle,quantite) VALUES ('".$a[0]."','".$a[1]."','".$val."')");
	}
}
if($maj) {
	echo "1"; // On renvoie 1 à la fonction "data" de la requête Ajax.
}

Jquery :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
$("#validerCde").click(function() {
      if(confirm("Veuillez confirmer la création de la commande :")) {
             var str = $(".input_cde").serialize();
                $.get("test.php",
                { refqte:str },
                function(data){
                   if(data==1) {
                        alert("Commande enregistrée");
                   }
               });
        } 
         else {
                   return false;
         }
});

[SpaceFrog]

d'avoir partagé cette solution

[Sebinto]

Merci!

Je galèrais depuis pas mal de temps sur le sujet!

"parse_str" m'as sauvé! (désolé si ça déterre un topic)