Iterate Through HTML Array with PHP
Question
Im trying to create some forms using php. I was asked to make a dynamic form that adds input rows to a table on the click of a button. For some reason I cannot print the values stored in an array for each dynamic form row using php.
<html>
<body>
Welcome <?php echo $_POST["name"]; ?></br>
You e-mail address is <?php echo $_POST["email"];?></br>
Your occupation is <?php echo $_POST["occupation"];?></br>
<?php foreach($_POST['colleague' as $a){ ?>
Your colleague is <?php echo $a;?></br>
<?php }?>
</body>
</html>
The php code should print all the colleague values that were submitted in the form, but for some reason it is not doing it.
<html>
<script src="script.js"></script>
<body>
<form action="test.php" method="post">
<table id="testTable" style="text-align:left">
<tr>
<th>
Name
</th>
<td>
<input type="text" name="name">
</td>
</tr>
<tr>
<th>
Email
</th>
<td>
<input type="text" name="email"
</td>
</tr>
<tr>
<th>
Occupation
</th>
<td>
<input type = "text" name="occupation">
</td>
</tr>
<tr>
<th>
Colleague
</th>
<td>
<input type ="text" name="colleague[]">
</td>
<td>
<input type="button" value="Add Colleague" onClick="addRow('testTable')" />
</td>
</tr>
</table>
<input type="submit">
</form>
</body>
</html>
'
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var header = table.createTHead();
var row = table.insertRow(rowCount);
var cell = row.insertCell(0);
header.innerHTML = table.rows[3].cells[0].innerHTML;
cell.appendChild(header);
var cellTwo = row.insertCell(1);
cellTwo.innerHTML = table.rows[3].cells[1].innerHTML;
}
1 answers
solution1
1 ACCPTED 2014-07-07 20:43:11
Here, try this for HTML
<html>
<script src="script.js"></script>
<body>
<form action="test.php" method="post">
<table id="testTable" style="text-align:left">
<tr>
<th>
Name
</th>
<td>
<input type="text" name="name">
</td>
</tr>
<tr>
<th>
Email
</th>
<td>
<input type="text" name="email">
</td>
</tr>
<tr>
<th>
Occupation
</th>
<td>
<input type = "text" name="occupation">
</td>
</tr>
<tr>
<th>
Colleague
</th>
<td>
<input type ="text" name="colleague[]">
</td>
<td>
<input type="button" value="Add Colleague" onClick="addRow('testTable')" />
</td>
</tr>
</table>
<input type="submit">
</form>
</body>
</html>
For the PHP file (test.php) write
<html>
<body>
Welcome <?php echo $_POST["name"]; ?><br />
You e-mail address is <?php echo $_POST["email"];?><br />
Your occupation is <?php echo $_POST["occupation"];?><br/>
<?php foreach($_POST['colleague'] as $a){ ?>
Your colleague is <?php echo $a;?></br>
<?php }?>
</body>
</html>
Hope it helps.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Iterate Through an HTML Array With a Dropdown Box
how to iterate through php array in javascript
Iterate through Map in HTML
How to Iterate through a nested JSON array in amcharts tooltip HTML
Is it possible to iterate through each item in an array and output as HTML?
Iterate through JSON Array and show result in a HTML table
iterate through array and print html foreach key/value Javascript / jQuery
javascript iterate through array
iterate through an array in a collection
Iterate through an array of Objects
Related Tags