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

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

php中文网

发布： 2016-06-13 12:09:31

原创

1492人浏览过

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实现效果，点击提交的时候，将表单的值写入数据库。