comment les valeurs d'un champ input créé dynamiquement

Bonjour,
Je voudrais donner la possibilité à l'utilisateur d'insérer des champs input type text dans la page WEB à partir d'un bouton. Le problème, c'est que quand j'ajoute un nouveau champ input type text dans la page, les précédents champ input text qui contiennent du texte sont remis à zéro. Je voudrais si c'est possible de garder ces valeurs lors de l'insertion de nouveaux champ input text dans ma page.
Ci dessous mon code :



Jarod_Delaware

Salut,

cherche comment insérer dynamiquement des champs avec javascript, pas php, ce sera beaucoup mieux.

au pif : http://www.editeurjavascript.com/scripts/scripts_formulaires_3_653.php

à+

Salut,

Merci pour ta réponse. J'ai integré un script javascript dans ma source pour générer dynamiquement les champs input. Là pas de soucis, par contre quand s'insère dans ma bdd les valeurs j'ai des champs vides.

<script language=javascript>
cpt_input = 1;

function ajout_input()
{
cpt_input++;
//var text = '<input type="texte" name="test' + cpt_input + 'id="test' + cpt_input + '">';

var text = '<input type="texte" name="champs_'+cpt_input + 'id="champs_'+cpt_input +'">&nbsp;<input type="text" name="champs1_"'+cpt_input+'id="champs1_'+cpt_input +'"><br/>';

document.getElementById("inputs").innerHTML += text;

}
</script>

<?php
// si l'utilisateur soumet le formulaire on affiche la valeur de tous les champs du formulaire 
if (isset($_POST['submit']) && $_POST['submit'] == "Envoyer"){
      // on affiche le nombre de champs du formulaire
      //echo 'Nombre de champs : '.$_POST['nb_champs'].'<br />';
 
      // on affiche la valeur des champs du formulaire
      for ($i=1; $i<=$_POST['nb_champs']; $i++){
            $dynamique = 'champs_'.$i;
            $dynamique2 = 'champs1_'.$i;   
            $value = $_POST[$dynamique];
            $value2 = $_POST[$dynamique2];
            echo 'Valeur du champ '.$i.' : '.$value.'&nbsp;<br />'.$value2;
   $req = "INSERT INTO Calendar (jours, sortie) VALUES('$value','$value2')";
mysql_query($req);
      } 
} 
 
// sinon on affiche le formulaire avec la possibilité d'ajout des champs au formulaire 
else{
      // on défini le nombre initial de champs
      if (!isset($_POST['nb_champs'])){
            $_POST['nb_champs'] = 1;
      }
      // si la personne clic sur "un champs en +", on ajoute un champs
      if (isset($_POST['submit']) && $_POST['submit'] == "Un champs en +"){
            $_POST['nb_champs']++;
      }
 
      // on affiche le formulaire
      echo '<FORM name="frm" METHOD="post">';
   echo '<div id="inputs"></div>';
      echo '<input type="button" value="Ajouter" onclick="ajout_input();"/>';
   echo '<input type="button" value="voir valeur champs_1" onclick="alert(document.frm.champs_1.value);"';
      // on place un champ caché contenant un entier ayant comme valeur le nombre de champs du formulaire
      echo '<INPUT TYPE="hidden" NAME="nb_champs" VALUE="'.$_POST['nb_champs'].'">';
 
      // on affiche tous les champs du formulaire
     // for ($i=1; $i<=$_POST['nb_champs']; $i++){
            //echo '<INPUT TYPE="text" name="champs_'.$i.'">&nbsp;<INPUT TYPE="text" name="champs1_'.$i.'"><br />';
      //}
 
      // on place un bouton permettant de rajouter un champs
      //echo '<INPUT TYPE="submit" NAME="submit" VALUE="Un champs en +"><br />';
      // on place un bouton permettant de soumettre le formulaire
      echo '<INPUT TYPE="submit" NAME="submit" VALUE="Envoyer">';
      echo '</FORM>'; 
} 
mysql_close();
?>

Jarod_Delaware

Tu as mal écrit

{
cpt_input++; 

var text = '<input type="texte" name="champs_'+cpt_input + '" id="champs_'+cpt_input +'">&nbsp;<input type="text" name="champs1_'+cpt_input+'" id="champs1_'+cpt_input +'"><br/>';

vérifie la source de ta page de départ, ya pas de secret, c'est rien d'autre qu'un formulaire.

Jarod_Delaware

Jarod_Delaware

J'ai encore IE qui foire qd je psote des messages. Bref, au sinon merci pour ton aide, c'est super ça marche. Par contre, ça n'insère toujours pas dans la bdd même pas des champs vides.
Mais bon, lorsque je fais un alert pour voir la valeur du champ1 ça me retourne la valeur marquée. Il doit certainement y avoir une erreur dans mon php.


Jarod_Delaware