это мой php-код (1-я страница):
<table width="600px" id="project"> <tr> <td>1</td> <td><textarea name="pro_1" cols="100" rows="2"></textarea></td> </tr> <tr> <td>2</td> <td><textarea name="pro_2" cols="100" rows="2"></textarea></td> </tr> <tr> <td>3</td> <td><textarea name="pro_3" cols="100" rows="2"></textarea></td> </tr> <input id="addbtn" type="button" name="addbtn" value="ADD">
с помощью javascript для добавления строки при нажатии кнопки:
$("#addbtn").click(function(){ var num=parseInt($("#project tr:last").text()); num+=1; $("#project").append("<tr><td>"+num+"</td><td><textarea name='pro_"+num+"' cols='100' rows='2'></textarea></td></tr>"); });
Вторая страница – важная страница, на которой отображаются все данные с первой страницы:
<table width="600px" id="project"> <tr> <td>1</td> <td><?php echo $_POST["pro_1"]; ?></td> </tr> <tr> <td>2</td> <td><?php echo $_POST["pro_2"]; ?></td> </tr> <tr> <td>3</td> <td><?php echo $_POST["pro_3"];?></td> </tr> </table>
Моя проблема в том, что данные добавленной строки не показывались на 2-й странице. Как это сделать? Выход:
Прежде всего, вы хотите перестроить свой html в нечто подобное.
<table width="600px" id="project"> <tbody> <tr> <td>1</td> <td><textarea name="pro[]" cols="100" rows="2"></textarea></td> </tr> <tr> <td>2</td> <td><textarea name="pro[]" cols="100" rows="2"></textarea></td> </tr> <tr> <td>3</td> <td><textarea name="pro[]" cols="100" rows="2"></textarea></td> </tr> </tbody> <tfoot> <tr><td colspan='2'><input id="addbtn" type="button" name="addbtn" value="ADD"></td></tr> </tfoot> </table>
Затем обновите свой javascript во что-то подобное
$("#addbtn").click(function(){ var num=$("#project tbody tr").length +1; $("#project tbody").append("<tr><td>"+num+"</td><td><textarea name='pro[]' cols='100' rows='2'></textarea></td></tr>"); }());
и, наконец, на стороне php вы сможете это сделать:
<table width="600px" id="project"> <?php foreach($_POST["pro"] as $key => $value): ?> <tr> <td><?php echo $key+1; ?></td> <td><?php echo $value; ?></td> </tr> <?php endforeach; ?> </table>
На второй странице сделайте что-то вроде этого:
<table width="600px" id="project"> <?php foreach($_POST as $key => $value) { ?> <tr> <td><?php echo $key; ?></td> <td><?php echo $value; ?></td> </tr> <?php } ?> </table>