ik heb een formulier waar dynamisch door middel van javascript extra velden kunnen worden toegevoegd

Maar nu als ik submit wil doen dan herkend hij deze velden blijkbaar niet meer en worden dus ook geen values door gegeven alleen die van het vast veld lineup door dat de javascript aangemaakte velden verdwijnen

hoe los ik dit op ?


<table>
<tbody id="addevent">
<form method="POST" enctype="multipart/form-data" action="" name="form">
  <tr>
  <td>Naam Event:</td> <td><input type="text" name="naam_event" id="naam_event"/></td>
  </tr>
  <tr>
  <td>Begin Datum: </td><td><input type="text" name="datum1" id="datum1" class="date-pick" /></td>
  </tr>
  <tr>
  <td>Eind datum: </td><td><input  type="text" name="datum2" id="datum2" class="date-pick" /></td>
  </tr>
  <tr>
  <td>Lineup / Info Dag 1:</td> <td>
  <textarea name="lineups[]" id="dag1" cols="50" rows="5"></textarea><br />
  </td>
  </tr>
  

</tbody>
</table>
<input name="submit" type="submit" value="Toevoegen"/>
  <input name="addag" onclick="javascript:tel()" type="button" value="Dag Toevoegen +" />
  <input name="addag2" onclick="javascript:mindag()" type="button" value="Dag Verwijderen -" /></form>
<script type="text/javascript">
  var i = 1;
function tel()
{
this.i++;
add_dag(this.i);
}

function mindag()
{
wis_dag(this.i);
this.i--;
}

function wis_dag(dagnum)
{
	tabel = document.getElementsByTagName("tbody").item(0);
	rij = document.getElementById("extradag"+dagnum);
	tabel.removeChild(rij);
}

 function add_dag(dagnum)
 {	
         tabBody=document.getElementsByTagName("tbody").item(0);     
		 row=document.createElement("tr");
		 row.setAttribute("id","extradag"+dagnum)
		 
         cell1 = document.createElement("td");
         cell2 = document.createElement("td");
         text=document.createTextNode("Lineup / Info dag "+dagnum+": ");
         
		 textarea=(document.createElement("textarea"));
		 textarea.setAttribute("cols","50");
		 textarea.setAttribute("rows","5");
		 textarea.setAttribute("name","lineups[]");
		 
		 
         cell1.appendChild(text);
         cell2.appendChild(textarea);
         row.appendChild(cell1);
         row.appendChild(cell2);
         tabBody.appendChild(row);
 }

  </script>
  
  <?
  if ($_SERVER['REQUEST_METHOD'] == 'POST')
  {
	 $lineups = $_POST["lineups"];
	foreach ($lineups as $AlleInput) 
	{
	// als test echo 
	echo "<br />".$AlleInput . "<br>";
	}
  }
  ?>
Je geeft aan dat het is opgelost, maar wat is/was de oplossing/oorzaak?

Reageren