首页 > 后端开发 > php教程 > PHP怎样实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中

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

WBOY
发布: 2016-06-23 13:45:59
原创
1692 人浏览过

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

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


html+jquery:

<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][]">';    html+='<td><input type="radio" name="data[grade]['+gradeI+']" value="1">好<input type="radio" name="data[grade]['+gradeI+']" value="2">很好';    html+='<td><select name="data[type][]"><option value="优秀生">优秀生<option value="三好生">三好生';    html+='<td><button name="del">删除';    $('#tab').append(html);    $('button[name=del]').click(function(){        $(this).parents('tr').remove();    })       gradeI++;}</script> 
登录后复制
日期 级别 种类 操作
很好

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 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.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板