PHP で「追加」ボタンをクリックしてフォーム項目の行を追加し、すべてのコンテンツをデータベースに挿入する方法-PHPチュートリアル-php.cn

PHP で「追加」ボタンをクリックしてフォーム項目の行を追加し、すべてのコンテンツをデータベースに挿入する方法

WBOY

リリース： 2016-06-13 12:09:31

オリジナル

1391 人が閲覧しました

PHP で「追加」ボタンをクリックしてフォーム項目の行を追加し、すべてのコンテンツをデータベースに挿入する方法
PHP で「追加」ボタンをクリックしてフォーム項目の行を追加し、すべてのコンテンツを挿入する方法コンテンツをデータベースに保存
以下のようなことをした人はいますか。ソースコードまたは詳細なアイデアを提供してください。

-----ソリューションのアイデア----------------------
jquery で ajax を使用してこれを非同期に実装できます。ボタンを追加してデモケースを示します:

<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 効果を実現するには、[送信] をクリックすると、フォームの値がデータベースに書き込まれます。