PHP实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中
生活随笔
收集整理的這篇文章主要介紹了
PHP实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
PHP實現單擊“添加”按鈕增加一行表單項，并將所有內容插入到數據庫中
效果圖:
?
?
html+jquery:
<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script language="javascript" type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> $(function(){ $(':button[name=add]').click(function(){ insertTr(); }) $('button[name=del]').click(function(){ $(this).parents('tr').remove(); }) $(':button[name=delall]').click(function(){ $('.itme').remove(); }) }) var gradeI=1; function insertTr(){ var html=''; html+='<tr class="itme"><td><input type="text" name="data[time][]"></td>'; html+='<td><input type="radio" name="data[grade]['+gradeI+']" value="1">好<input type="radio" name="data[grade]['+gradeI+']" value="2">很好</td>'; html+='<td><select name="data[type][]"><option value="優秀生">優秀生</option><option value="三好生">三好生</option></select></td>'; html+='<td><button name="del">刪除</button></td></tr>'; $('#tab').append(html); $('button[name=del]').click(function(){ $(this).parents('tr').remove(); }) gradeI++; } </script> </head> <body> <form action="exe.php" method="post" name="f1"> <table width="500px" id="tab"> <tr><th>日期</th><th>級別</th><th>種類</th><th>操作</th></tr> <tr class="itme"> <td><input type="text" name="data[time][]"></td> <td><input type="radio" name="data[grade][0]" value="1">好<input type="radio" name="data[grade][0]" value="2">很好</td> <td><select name="data[type][]"><option value="優秀生">優秀生</option><option value="三好生">三好生</option></select></td> <td><button name="del">刪除</button></td> </tr> </table> <div><input type="submit" name="sub" value="保存" /><input type="button" name="delall" value="全部刪除"><input type="button" name="add" value="增加"></div> </form> </body> </html>exe.php
<?php $arr_time=$_POST['data']['time']; $arr_grade=$_POST['data']['grade']; $arr_type=$_POST['data']['type']; for($i=0;$i<count($arr_time);$i++){ $insert[$i]['time']=$arr_time[$i]; $insert[$i]['grade']=$arr_grade[$i]; $insert[$i]['type']=$arr_type[$i]; } echo "<pre>"; print_r($insert); echo "</pre>"; /*每個數據是一條數據 Array ( [0] => Array ( [time] => 2014年11月7日 15:50:18 [grade] => 1 [type] => 三好生 ) [1] => Array ( [time] => 2014年11月7日 15:50:24 [grade] => 2 [type] => 優秀生 ) [2] => Array ( [time] => 2014年11月7日 15:50:27 [grade] => 1 [type] => 三好生 ) ) */ ?>轉載于:https://www.cnblogs.com/q1ng/p/4442863.html
總結
以上是生活随笔為你收集整理的PHP实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： html表单（一）
- 下一篇： JMeter学习（三十一）Access