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] => 三好生))
*/
?>

看到结果应该知道怎么做了吧。

这篇关于PHP怎样实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！