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

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

WBOY
發布: 2016-06-13 12:09:31
原創
1403 人瀏覽過

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 />
登入後複製

------解决思路----------------------
我来做苦力吧,要用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 />
登入後複製

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 "
登入後複製
";
/*每个数据是一条数据
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实现效果,点击提交的时候,将表单的值写入数据库。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板