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

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

WBOY
Freigeben: 2016-06-23 13:45:59
Original
1688 Leute haben es durchsucht

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> 
Nach dem Login kopieren
日期 级别 种类 操作
很好

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


Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage