PHP で「追加」ボタンをクリックしてフォーム項目の行を追加し、すべてのコンテンツをデータベースに挿入する方法
- WBOYオリジナル
- 2016-06-13 12:09:311394ブラウズ
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 効果を実現するには、[送信] をクリックすると、フォームの値がデータベースに書き込まれます。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。