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

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] => 三好生 ) ) 
*/  
?>  

转载于:https://www.cnblogs.com/q1ng/p/4442863.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/398260.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Leetcode按Tag刷题

按照Leetcode的Tag来刷题&#xff0c;从easy到hard刷题 关于如何让Leetcode按难易程度排序&#xff0c;可按以下步骤&#xff1a; 1. 进入Leetcode后&#xff0c;点击code 2.点击code后&#xff0c;可查看所有题目&#xff0c;可看到右下角有Tag标志&#xff0c;选择想要刷的T…

JMeter学习(三十一)Access Log Sampler

前提&#xff1a; 在tomcat\conf\server.xml默认情况下&#xff0c;会有一段代码&#xff1a; <Valve className"org.apache.catalina.valves.AccessLogValve" directory"logs" pattern"%h %l %u %t &quot;%r&quot; %s %b" prefix&qu…

布谷鸟沙盒分析静态文件_“案例沙盒方法”喜提国际商学院协会(AACSB)2019年启发式创新奖...

国际商学院协会(AACSB)于2019年4月14日至16日在英国爱丁堡召开年会&#xff0c;会上公布了2019年Innovation that Inspire的(启发式创新奖)获奖学校及项目。大会共收到800余个项目报名&#xff0c;最终21个项目获此殊荣。新南威尔士大学商学院以创新品牌UNSW Sandbox Method (案…

淘宝npm镜像使用方法(转)

1.临时使用 npm --registry https://registry.npm.taobao.org install express 2.持久使用 npm config set registry https://registry.npm.taobao.org 配置后可通过下面方式来验证是否成功 npm config get registry或 npm info express3.通过cnpm使用 npm install -g cnpm --r…

Console.Write(程序猿?开发?写代码?编程?移动、网页、桌面开发?Oh,我连菜鸟都不是!);...

You make choices and dont look back. 虽然不是学计算机出身&#xff0c;但我对于写代码充满了好奇&#xff0c;尽管这种兴趣还不像烈酒那样浓烈&#xff0c;也不能像打鸡血似的刺激自己每个神经元而浑身激情&#xff0c;而熊猫眼的熬夜。但现在也一如既往的坚持&#xff0c;坚…

基本动态规划问题

小东所在公司要发年终奖&#xff0c;而小东恰好获得了最高福利&#xff0c;他要在公司年会上参与一个抽奖游戏&#xff0c;游戏在一个6 * 6的棋盘上进行&#xff0c;上面放着36个价值不等的礼物&#xff0c;每个小的棋盘上面放置着一个礼物&#xff0c;他需要从左上角开始游戏&…

还有前景吗_喷码机行业还有前景吗 2021喷码机市场份额有多大

喷码机按照其实现的方式不同又分为&#xff0c;压电喷墨技术、压阀式喷墨技术、和热发泡喷墨技术(Thermal Inkjet Technolog)&#xff0c;简称TIJ。根据以上原理可以将喷码机分为&#xff1a;小字符喷码机&#xff0c;大字符喷码机&#xff0c;高清晰喷码机。喷码机是运用带电的…

scrapy之内蒙古自治区环境保护厅

主程序&#xff1a; # -*- coding: utf-8 -*- import re, scrapy from urllib.parse import urljoin from nmgepb.items import NmgepbItemclass BasicNmgepbSpider(scrapy.Spider):name basic_nmgepballowed_domains [nmgepb.gov.cn]start_urls [http://nmgepb.gov.cn/]def…

supervisor 守护多个进程_进程管理工具之Supervisor

相关介绍Supervisor是用Python 开发的一个client/server服务&#xff0c;是 Linux /Unix系统下的一个进程管理工具&#xff0c;不支持Windows系统。它可以很方便的监听、启动、停止、重启一个或多个进程。用Supervisor管理的进程&#xff0c;当一个进程意外被杀死&#xff0c;s…

MySQL运算符优先级顺序

待续。。。转载于:https://www.cnblogs.com/yuyue2014/p/4451035.html

yaahp层次分析法步骤_综合评价方法之层次分析法,选择再也难不倒你!

在日常生活中&#xff0c;我们常常面临着各种各样的选择。比如你想去北京、上海、广州旅游&#xff0c;但是由于种种原因&#xff0c;你只能选择一个地点去旅游&#xff0c;那么哪一种选择是最优的呢&#xff1f;有没有较为科学的方法帮助我们更好地选择呢&#xff1f;今天&…

TCP/IP TELNET SSH

快速导航 远程登录示例 关于远程登录&#xff1f; 嵌入&#xff1f; 用来控制远程服务器上运行的应用程序字符&#xff1f; 转义&#xff1f; 操作方式&#xff1f; 关于SSH&#xff1f; 远程登录示例 关于远程登录&#xff1f; 网络虚拟终端(Network Virtual Terminal,NVT)通过…

CentOs中iptables配置允许mysql远程访问

在CentOS系统中防火墙默认是阻止3306端口的&#xff0c;我们要是想访问mysql数据库&#xff0c;我们需要这个端口&#xff0c;命令如下&#xff1a; 1 /sbin/iptables -I INPUT -p tcp --dport 3036 -j ACCEPT 我们需要保存我们的操作&#xff0c;命令如下&#xff1a; 1 /etc…

莫兰迪紫rgb_莫兰迪rgb参数_译述北京 | RGB的前世今生

译述北京 | RGB的前世今生作为服饰三大要素之一的颜色 也常是女孩们着眼关注的话题不论是和谐统一还是创意满分的色彩搭配总是能让平平无奇的衣服具有吸引力 让人耳目一新从“泫雅风”的五彩斑斓到莫兰迪色系的低饱和度以及和bm风相辅相成的田园小清新色色彩在女孩们的《时尚经…

java 解决时间相减问题

比如 Date currentTime "2011-06-20 9:23:50"; Date endTime"2011-06-21 10:33:56"; 要求的结果是 endTime - currentTime 还剩余1天1小时10分6秒&#xff1b;如何来实现这个功能&#xff1f;&#xff1f; import java.text.SimpleDateFormat; import jav…

如何用 Python 实现 Web 抓取?

【编者按】本文作者为 Blog Bowl 联合创始人 Shaumik Daityari&#xff0c;主要介绍 Web 抓取技术的基本实现原理和方法。文章系国内 ITOM 管理平台 OneAPM 编译呈现&#xff0c;以下为正文。 随着电子商务的蓬勃发展&#xff0c;笔者近年越来越着迷于比价应用。我在网络上&…

sentinel 不显示项目_Sentinel+Nacos实现资源流控、降级、热点、授权

本文同名博客老炮说Java&#xff1a;https://www.laopaojava.com/&#xff0c;每天更新Spring/SpringMvc/SpringBoot/实战项目等文章资料SentinelNacos 是微服务环境搭建必不可少的两个组件&#xff0c;这里给大家推荐一套微服务教程&#xff1a;SpringCloud微服务电商项目教程…

Java获取当前日期的前一个月,前一天的时间

Calendar calendar Calendar.getInstance(); calendar.add(Calendar.DATE, -1); //得到前一天 calendar.add(Calendar.MONTH, -1); //得到前一个月 int year calendar.get(Calendar.YEAR); int month calendar.get(Calendar.MONTH)1; 注意月份加一 /…

斗地主你什么时候才会托管?(.NET中的托管于非托管)

文章部分引自《.NET4.0面向对象编程漫谈&#xff08;基础篇&#xff09;》第1章.NET面向对象编程基础&#xff08;作者&#xff1a;金旭亮&#xff09; 无意间看到一位四五岁左右小朋友在玩斗地主&#xff0c;总开始到结束&#xff0c;她一直都在使用“提示”&#xff08;托管&…

英特尔固态硬盘540s开卡_英特尔Z490主板绝配?技嘉PCIe 3.0 x8固态硬盘测试:6.5GB/s读速...

PCIe 4.0为高端NVMe固态硬盘提供了更广阔的提升空间&#xff0c;而暂时与PCIe 4.0无缘的英特尔平台就比较尴尬。技嘉推出的AORUS RAID SSD似乎正是为此而生&#xff0c;它以PCIe 3.0 x8接口提供6500MB/s顺序读取和6000MB/s顺序写入速度&#xff0c;足以媲美尚未面世的第二代PCI…