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

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

WBOY
Release: 2016-06-13 12:09:31
Original
1403 people have browsed it

PHP怎样实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中
PHP怎样实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中
有没有人做过这样的,如下面。求源代码,或详细思路。


------解决思路----------------------
这个你用jquery中的ajax异步实现就行了,添加按钮,给个demo案例:

<br />$(function(){<br />	//default_kucun_calback();//默认读取一次次产品的库存<br />	$("#btnAddToCartDetail").live('click',function(){<br />                               $.ajax({<br />				type: "POST",<br />				url: "index.php?c=index&m=kucun&product_id=38&time=1415343905",<br />				data:{stock_tag:stock_tag},<br />				error: function(error){},<br />				success: function(kucun) {<br />                                          $("#massage").html("<ul><li>......</li></ul>");<br />                                 }<br /><br />                               });<br />});<br />});<br /><br /><br /><br /><br />
Copy after login

------解决思路----------------------
我来做苦力吧,要用jquery
<br /><html><br /><head><br /><meta http-equiv="content-type" content="text/html;charset=utf-8"><br /><script language="javascript" type="text/javascript" src="jquery.min.js"></script><br /><script type="text/javascript"><br />$(function(){<br />	$(':button[name=add]').click(function(){<br />		insertTr();<br />	})<br />	$('button[name=del]').click(function(){<br />		$(this).parents('tr').remove();<br />	})<br />	$(':button[name=delall]').click(function(){<br />		$('.itme').remove();<br />	})<br />})<br />var gradeI=1;<br />function insertTr(){<br />	var html='';<br />	html+='<tr class="itme"><td><input type="text" name="data[time][]"></td>';<br />	html+='<td><input type="radio" name="data[grade]['+gradeI+']" value="1">好<input type="radio" name="data[grade]['+gradeI+']" value="2">很好</td>';<br />	html+='<td><select name="data[type][]"><option value="优秀生">优秀生</option><option value="三好生">三好生</option></select></td>';<br />	html+='<td><button name="del">删除</button></td></tr>';<br />	$('#tab').append(html);<br />	$('button[name=del]').click(function(){<br />		$(this).parents('tr').remove();<br />	})	<br />	gradeI++;<br />}<br /></script><br /></head><br /><body><br /><br /><form action="exe.php" method="post" name="f1"><br />	<table width="500px" id="tab"><br />		<tr><th>日期</th><th>级别</th><th>种类</th><th>操作</th></tr><br />		<tr class="itme"><br />			<td><input type="text" name="data[time][]"></td><br />			<td><input type="radio" name="data[grade][0]" value="1">好<input type="radio" name="data[grade][0]" value="2">很好</td><br />			<td><select name="data[type][]"><option value="优秀生">优秀生</option><option value="三好生">三好生</option></select></td><br />			<td><button name="del">删除</button></td><br />		</tr><br />	</table><br />	<div><input type="submit" name="sub" value="保存" /><input type="button" name="delall" value="全部删除"><input type="button" name="add" value="增加"></div><br /></form><br /><br /></body><br /></html><br />
Copy after login

oo.php
<br /><?php<br /><br />$arr_time=$_POST['data']['time'];<br />$arr_grade=$_POST['data']['grade'];<br />$arr_type=$_POST['data']['type'];<br /><br />for($i=0;$i<count($arr_time);$i++){<br />	$insert[$i]['time']=$arr_time[$i];<br />	$insert[$i]['grade']=$arr_grade[$i];<br />	$insert[$i]['type']=$arr_type[$i];<br />}<br /><br />echo "<pre class="brush:php;toolbar:false">";<br />print_r($insert);<br />echo "
Copy after login
";
/*每个数据是一条数据
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] => 三好生
)

)
*/
?>

------解决思路----------------------
没学过啊!看起来不是很难吗
------解决思路----------------------
通过js实现效果,点击提交的时候,将表单的值写入数据库。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template