Php foreach loop et addmore button sous une forme

Bonjour, j'utilise un formulaire pour ajouter de l'expérience aux utilisateurs où j'ai un bouton ajouter plus qui ajoute plus (clones) que le contenu et les utilisateurs obtiennent un champ de plus pour ajouter de l'expérience

J'utilise ce code pour y parvenir

<div id="append_palllsjjs"><div class="full_exp_9092k" id='duplicater'> <div class="full_one_row_009so"> <div class="obe_left_dibbhsy78"> <div class="header_009sos00dd_d"> Company Name <span>*</span> </div> <div class="maind_TAxefst67s77s"> <input type="text" name="comp[]" required placeholder="company Name" class='cname_990s_EXp'/> </div> </div><div class="obe_left_dibbhsy78"> <div class="header_009sos00dd_d"> Department Name <span>*</span> </div> <div class="maind_TAxefst67s77s"> <input type="text" name="dept[]" required placeholder="Department Name" class='cname_990s_EXp'/> </div> </div> </div><div class="full_one_row_009so"> <div class="obe_left_dibbhsy78"> <div class="header_009sos00dd_d"> From Date <span>*</span> </div> <div class="maind_TAxefst67s77s"> <input type="date" data-initial-day="1" data-initial-year="2011" data-initial-month="9" class='TEx_About_allihh' name="exsdate[]" required/> </div> </div><div class="obe_left_dibbhsy78"> <div class="header_009sos00dd_d"> To Date <span>*</span> </div> <div class="maind_TAxefst67s77s"> <input type="date" data-initial-day="1" data-initial-year="2012" data-initial-month="10" class='TEx_About_allihh' name="exedate[]" required/> </div> </div> </div><div class="full_one_row_009so"> <div class="obe_left_dibbhsy78"> <div class="header_009sos00dd_d"> Profile <span>*</span> </div> <div class="maind_TAxefst67s77s"> <input type="text" name="profile[]" required placeholder="Profile" class='cname_990s_EXp'/> </div> </div><div class="obe_left_dibbhsy78"> <div class="header_009sos00dd_d"> </div> <input type="button" name="addmore" value="Add More" class='button small white' onclick='duplicate();'/> </div> </div> </div></div> 

Js

  var i = 0; var original = document.getElementById('duplicater'); function duplicate() { var clone = original.cloneNode(true); // "deep" clone clone.id = "duplicetor" + ++i; // there can only be one element with an ID original.parentNode.appendChild(clone); } 

Ici, je veux que les nouveaux champs soient ajoutés devraient être vides (en ce moment, il affiche le même contenu avec les valeurs pré-remplies dans la zone de texte)

Deuxièmement, je veux insérer les données dans le tableau pour chaque valeur du tableau, je sais que cela peut être donr par foreach loop

PHP

  $comps=$_POST['comp']; $profile=$_POST['profile']; $exedate=$_POST['exedate']; $exsdate=$_POST['exsdate']; $dept=$_POST['dept']; if(empty($comps) || empty($profile) || empty($exedate) || empty($exsdate) || empty($dept) ){ echo 'Please Fill all the fields marked with *';die; } foreach($comps as $value){ // insert into tablename (field1,field2,field3,...) values ('comp1','dep1','profile1'....) 

// insérez autant de contenants que le non d'éléments dans le tableau}

Suggérez-moi avec ce code php comment utiliser la boucle foreach afin que je puisse insérer autant de lignes que le non d'éléments dans le tableau avec des valeurs de corrosion dans un autre tableau

Les plaidoyers notent que cette question a deux questions écrites, n'hésitez pas à vous aider pour toute question.

L'un est wth php et anothr avec ajax

Utilisez le code suivant pour effacer le formulaire Cloné:

REMARQUE: doit ajouter un fichier jquery dans le document

 <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script> var i = 0; var original = document.getElementById('duplicater'); function duplicate(){ var clone = original.cloneNode(true); // "deep" clone i = ++i; clone.id = "duplicetor"+ i; // there can only be one element with an ID original.parentNode.appendChild(clone); clearCloneForm(clone.id); } function clearCloneForm(id){ var divId = '#'+id; $(divId).find("input[type^='text'], input[type^='date']").each(function() { $(this).val(''); }); } </script>