formulaires dynamiques et variables vers php [Résolu]

[arcade_stg_master]

Voilà mon code :

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
 
<script language ="javascript">
var mon_div = null;
var nouveauDiv = null;
 
var Div = null;
var num = 0;
 
function ajouteElement()
{
nouveauDiv = document.createElement("div");
x=document.getElementById("filtres").value;
var divhtml = '';
for(compteur=0;compteur<x;compteur++)
  {
  num++;
  divhtml += "<br><br><input type='text' id='filtres"+num+"' size='20'>";
  }
 
nouveauDiv.innerHTML = divhtml;
  mon_div = document.getElementById("org_div1");
  document.body.insertBefore(nouveauDiv, mon_div);
}
 
</script>
<input type="text" id="filtres" size="20"><a href="javascript:;" onClick="ajouteElement()">valider</a>
<div id="org_div1"></div>
</form>

Ce code me permet de générer des champs dynamiquement par rapport à une valeur donnée dans un champ sans rechargement de la page. Serait-il possible de récupérer les données entrées dans les champs nouvellement créés peu importe le nombre de champs générés et tout ça en php.

Merci d'avance

[Vil'Coyote]

tu peux récupérer les valeurs à la réception du formulaire. mais pour cela il te faudra aussi utiliser l'attribut "name" dans tes champs input pour pouvoir utiliser les $_post ou $_get en fonction de la manière dont tu gère l'envoi de ton form.

à cela je pense qu'il serai bon dans ta fonction javascript d'incrémenter une variable mise dans un champs hidden et envoyé en même dans ton formulaire. Cela te permettra à la réception de ce dernier de bouclé sur le nombre total d'élément généré.

[arcade_stg_master]

Ok, mais comment se présentent les variables de mes champs générés de façon à ce que puisse les réutiliser dans mon script php et j'aurais besoin stp, d'un exemple pour l'utilité de la variable qui s'incrémente j'ai déjà fait ça pour donner un id différents à chacun de mes champs (filtres 1,2,3 ....).

[Thes32]

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
 
<script language ="javascript">
var mon_div = null;
var nouveauDiv = null;
 
var Div = null;
var num = 0;
 
function ajouteElement()
{
nouveauDiv = document.createElement("div");
x=document.getElementById("filtres").value;
var divhtml = '';
for(compteur=0;compteur<x;compteur++)
  {
  num++;
  divhtml += "<br><br><input type='text' id='filtres"+num+"' name="filtres[]" size='20'>";
  }
 
nouveauDiv.innerHTML = divhtml;
  mon_div = document.getElementById("org_div1");
  document.body.insertBefore(nouveauDiv, mon_div);
}
 
</script>
<form action="get" action="tonscript.php">
<input type="text" id="filtres" size="20"><a href="javascript:;" onClick="ajouteElement()">valider</a>
<div id="org_div1"></div>
</form>

dans tonscript.php

Code :

1
2
3
4
5
6
 
<?php
 
//voir les éléments transmis
if( isset( $_GET['filtres'] ) )
   print_r( $_GET['filtres'] );

[jreaux62]

Bonjour,
comme Thes32.
Tant qu'à faire, autant relier l'id au name (même num) :

Code :

  divhtml += '<br /><br /><input type="text" id="filtres'+num+'" name="filtres['+num+']" size="20" />'."\n";

(en évitant de se prendre les pieds dans le tapis avec les " et ')

ps : il ne serait pas plus judicieux de créer les input avec le DOM comme ici ?

[Thes32]

Envoyé par jreaux62

Bonjour,
comme Thes32.
Tant qu'à faire, autant relier l'id au name (même num) :

Code :

  divhtml += '<br /><br /><input type="text" id="filtres'+num+'" name="filtres['+num+']" size="20" />'."\n";

(en évitant de se prendre les pieds dans le tapis avec les " et ')
ici ?

je ne vois pas l’intérêt des indices, à mon avis c'est plus flexible.

[jreaux62]

Tu avais un cafouillage de " ' dans ton code.

Après, chacun fait à sa mode.

[arcade_stg_master]

Merci à tous j'ai utilisé DOM la semaine dernière et tout fonctionne nickel et le code est super lisible en plus

Et oui en effet j'avais aussi cafouillé avec le ' et ".