[opgelost] Dynamische velden Posten on submit (PHP)
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 ?
Code (php)
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<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>";
}
}
?>
<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>";
}
}
?>
Gewijzigd op 26/09/2011 17:11:05 door Matthias deckers
