PHP怎样实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中
来源:互联网 发布:淘宝上的望远镜怎么选 编辑:程序博客网 时间:2024/04/29 22:34
PHP怎样实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中
在百度上看到这个提问,想着解答一下,效果如下图:
html+jquery:
<html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><script language="javascript" type="text/javascript" src="jquery.min.js"></script><script type="text/javascript">$(function(){ $(':button[name=add]').click(function(){ insertTr(); }) $('button[name=del]').click(function(){ $(this).parents('tr').remove(); }) $(':button[name=delall]').click(function(){ $('.itme').remove(); })})var gradeI=1;function insertTr(){ var html=''; html+='<tr class="itme"><td><input type="text" name="data[time][]"></td>'; html+='<td><input type="radio" name="data[grade]['+gradeI+']" value="1">好<input type="radio" name="data[grade]['+gradeI+']" value="2">很好</td>'; html+='<td><select name="data[type][]"><option value="优秀生">优秀生</option><option value="三好生">三好生</option></select></td>'; html+='<td><button name="del">删除</button></td></tr>'; $('#tab').append(html); $('button[name=del]').click(function(){ $(this).parents('tr').remove(); }) gradeI++;}</script></head><body> <form action="exe.php" method="post" name="f1"> <table width="500px" id="tab"> <tr><th>日期</th><th>级别</th><th>种类</th><th>操作</th></tr> <tr class="itme"> <td><input type="text" name="data[time][]"></td> <td><input type="radio" name="data[grade][0]" value="1">好<input type="radio" name="data[grade][0]" value="2">很好</td> <td><select name="data[type][]"><option value="优秀生">优秀生</option><option value="三好生">三好生</option></select></td> <td><button name="del">删除</button></td> </tr> </table> <div><input type="submit" name="sub" value="保存" /><input type="button" name="delall" value="全部删除"><input type="button" name="add" value="增加"></div></form> </body></html>
exe.php
<?php $arr_time=$_POST['data']['time'];$arr_grade=$_POST['data']['grade'];$arr_type=$_POST['data']['type']; for($i=0;$i<count($arr_time);$i++){ $insert[$i]['time']=$arr_time[$i]; $insert[$i]['grade']=$arr_grade[$i]; $insert[$i]['type']=$arr_type[$i];} echo "<pre>";print_r($insert);echo "</pre>";/*每个数据是一条数据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] => 三好生 ) )*/?>看到结果应该知道怎么做了吧。
2 0
- PHP怎样实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中
- 主题:怎样在Datagrid控件中实现插入一行啊,而不是在最后自动增加一行
- Java读取csv文件并将内容插入到数据库
- Java读取csv文件并将内容插入到数据库
- js中单击复制按钮,将其内容复制到剪贴板中
- php读取txt文件并将数据插入到数据库
- php读取txt文件并将数据插入到数据库
- php读取txt文件并将数据插入到数据库
- tp中,用户实现将Excel表格内容添加到数据库中
- Jquery 动态生成表单 并将表单数据 批量通过Ajax插入到数据库
- php解析网页并将数据添加到数据库
- PHP读取CSV文件内容 并且插入到数据库中
- 将txt中的内容添加到数据库中
- 简单的小应用-歌曲列表添加(表单输入内容li增加到ul中)
- 怎样将session获得的值获取到,并能插入SQL server数据库
- textarea中的内容通过添加按钮添加到SQL数据库中
- 窗体上有两个文本框:一个文本框中最多输入字符6个;一个文本框中输入任何内容都显示*号。再添加一个按钮、2个单选按钮。实现单击按钮后,根据单选按钮,将对应文本框中内容显示在标签
- java实现将文件内容导入到数据库中
- eXtremeDB -- the shared memory 80error
- 在eclipse中如何快速打开项目源文件
- HBase(0.96以上版本)过滤器Filter详解及实例代码
- 史上最详细的XAMPP本地建站教程
- iOS 动态特性
- PHP怎样实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中
- 瘦客户端 (刀片服务器) 许可证使用管理
- LMT NODE PBS作业排队系统的队列通信机制
- LicManager对不同授权license的监控管理
- 嵌入式linux通过DHCP自动获取IP地址实现
- MySQL数据库安装和卸载
- 韩语键盘输入法
- 重构和YAGNI的矛盾
- Axis2创建WebService实例