PHP怎样实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中-php教程-PHP中文网

PHP怎样实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中

php中文网

发布： 2016-06-23 13:45:59

原创

1882人浏览过

php怎样实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中

在百度上看到这个提问，想着解答一下，效果如下图：

html+jquery:

立即学习“PHP免费学习笔记（深入）”；

表单大师AI

一款基于自然语言处理技术的智能在线表单创建工具，可以帮助用户快速、高效地生成各类专业表单。

查看详情

<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免费学习笔记（深入）”；

<?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 class="brush:php;toolbar:false;">";print_r($insert);echo "

登录后复制

";/*每个数据是一条数据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] => 三好生 ) )*/?> 看到结果应该知道怎么做了吧。

立即学习“PHP免费学习笔记（深入）”；