formulaires dynamiques et variables vers php

Version imprimable

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

24/08/2011, 13h27
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é.
24/08/2011, 13h53
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 ....).

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'] );

24/08/2011, 20h05
Invité

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 ?
24/08/2011, 20h46
Thes32

Citation:

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.
24/08/2011, 21h33
Invité

Tu avais un cafouillage de " ' dans ton code.

Après, chacun fait à sa mode.
05/09/2011, 14h12
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 :ccool:

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