[DOM] Comment remplir un champ de type array via Javascript ?

Bonjour, :D
Voilà j’ai une fonction JS qui a chaque exécution récupère une valeur.
J’ai un formulaire avec un champ caché destiné à accueillir toutes les valeurs renvoyé par ma fonction JS.

Comment fait-on ?

Code JS

Code:

---

1 2 3 4 5 6 7 8 9 10

function deleteCurrentRow(obj,num_tbody,id_prestation_sup) { …. Début instruction ….   var id_prestation_sup = id_prestation_sup;   …. Suite …   }

---

code HTML

Code:

---

1 2 3

<form name="reservation" id="reservation" method="post" action=""> <input type="hidden" name="prestation_a_supprimer[]" value="">

---

Ce que je souhaite faire c’est mettre chaque id_prestation_sup récupérer le champ :

<input type="hidden" name="prestation_a_supprimer[]" value="">

Par avance merci

Code:

---

document.forms["reservation"].elements["prestation_a_supprimer[]"].value+=id_prestation_sup

---

Merci Matthieu2000, mais cela ne fonctionne pas pas
page de test

message d'erreur :
document.forms.reservation.elements['prestation_a_supprimer[]'] has no properties

8O

Citation:

---

Envoyé par tavarlindar

Merci Matthieu2000, mais cela ne fonctionne pas pas
page de test

message d'erreur :
document.forms.reservation.elements['prestation_a_supprimer[]'] has no properties

---

Ca aurait dû :mrgreen:

Qu'est ce qu'il vient faire là ce ";" :

Code:

---

name="prestation_a_supprimer[];"

---

:aie:

A+

exacte !
j'avais modifié avec :

Code:

---

1 2	document.getElementById('array_prestation_a_supprimer').value+= id_prestation_sup;

---

J'ai remis depuis :

Code:

---

1 2	document.forms["reservation"].elements["prestation_a_supprimer[]"].value+=id_prestation_sup;

---

Par contre, je suis surpris par le contenu obtenu.
Les datas sont concaténées. Si je supprime 3 lignes, j'ai un array avec une seule valeur.... Que je fasse :

Code:

---

1 2	document.forms["reservation"].elements["prestation_a_supprimer[]"].value+=id_prestation_sup;

---

ou

Code:

---

1 2	document.forms["reservation"].elements["prestation_a_supprimer"].value+=id_prestation_sup;

---

C'est pareil !

Code Php pour récupérer :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

// Suppression des prestations if (isset($_POST['prestation_a_supprimer'])) { foreach($_POST['prestation_a_supprimer'] as $key => $id_prestation_a_deleter) { echo "<p>".$key." : ".$id_prestation_a_deleter."</p>"; } }     // ou   if($_POST["prestation_a_supprimer"]) { for ($j = 0; $j < count($_POST["prestation_a_supprimer"]); $j++) { $id_prestation_a_supprimer = $_POST["prestation_a_supprimer"][$j]; $requete_suppression_presta = "DELETE FROM prestation WHERE id_prestation ='{$id_prestation_a_supprimer}'"; echo $requete_suppression_presta. '<br />'; //ExecRequete ($requete_suppression_presta, $connexion); } }

---

Alors soit je rajoute un caractère séparateur et je split derrière (explode), soit .... j'essaye d'avoir un vrai array si vous voyez ce que je veux exprimer.

page test pour mieux comprendre

supprimer 2 ou 3 lignes et valider. Vous aurez à l'écran le résultat du code php

Dites moi si je me trompe mais : si j'effectue :

Code:

---

1 2 3

document.forms["reservation"].elements["prestation_a_supprimer[]"].value+=id_prestation_sup +'|' ;

---

A chaque appel de la fonction je remplis bien prestation_a_supprimer[] qui est un array avec un seul élément avec les différents id_prestation seront séparés par | . Du du coup aucun intérêt, ce la complique le traitement derrière.

Autant utiliser un simple champ (caché) prestation_a_supprimer.
avec le code suivant :

Code:

---

1 2	document.forms["reservation"].elements["prestation_a_supprimer"].value+=id_prestation_sup +'|' ;

---

et côté serveur un code du type :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

if($_POST["prestation_a_supprimer"]) { $tab_id_a_supprimer = explode("|",$_POST['prestation_a_supprimer']); $nb_elts = count($tab_id_a_supprimer)-1; for ($j = 0; $j < $nb_elts; $j++) { $id_prestation_a_supprimer = $tab_id_a_supprimer[$j]; $requete_suppression_presta = "DELETE FROM prestation WHERE id_prestation ='{$id_prestation_a_supprimer}'"; echo $requete_suppression_presta. '<br />'; //ExecRequete ($requete_suppression_presta, $connexion); } }

---

NON ?

Citation:

---

Envoyé par tavarlindar

NON ?

---

Si ! :mrgreen:

Pour info, ta notion de tableau (matérialisée par ton name avec []) n'existe pas en HTML. Il s'agit d'un fonctionnement PHP pris en compte de cette manière en HTML.
Aussi, tu dois effectivement récupérer ton tableau soit dans un "vrai" Array Javascript, soit dans un input, quelque soit son type, dans lequel tu concatènes tes valeurs avec un séparateur (puis split() etc.)

A+

pour obtenir directement un array coté php il faudrait créer au moyen du DOM un nouveau input hidden avec le même name à chaque ajout

Code:

---

1 2 3 4

var newInput=document.createElement((document.all)?'<input name="prestation_a_supprimer[]" />':'input'; if (!document.all){newInput.name='prestation_a_supprimer[]'; newInput.type=hidden;

---

du coup coté php tu récupère direct le $_Post en array

Monsieur SpaceFrog, Vous avez parfaitement raison.
Merci encore à tous pour votre aide.

Bien à vous

Tavar:D