form表单批量新增

最新推荐文章于 2024-10-30 15:31:09 发布

Leson_Yin

最新推荐文章于 2024-10-30 15:31:09 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Java 文章标签： object javascript string function list user

本文链接：https://blog.youkuaiyun.com/ileson/article/details/5463060

Java 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种不依赖于表单的网页动态元素生成方法，通过JavaScript自动生成带有姓名、性别和年龄输入框的表单行，并实现动态添加和删除功能。提交时将这些数据收集并发送给后端进行批量处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基本上网上全是转自他的文章：呵呵备忘！

http://www.blogjava.net/max/archive/2006/12/08/86439.html

自己写个不绑定form的。。。

也就是自己封装数据

直接代码：

xxx.html

<html> <head> <script language="javascript"> var count= 0 ; //全局变量统计总数 var maxfile = 5;//限制控件个数 //增加元素 function addmx() { //if(count >= maxfile) return;//限制最多显示多少个行 count++; //自增id不同的HTML对象，并附加到容器最后 var newDiv = "<div id=divStock" + count +">" +"<table align=center width=60% border=1><tr>" +"<td>姓名：</td><td><input name=emp["+count+"].name size=4></td>" +"<td>性别：</td><td><input name=emp["+count+"].sex size=4></td>" +"<td>年龄：</td><td><input name=emp["+count+"].age size=4></td>" +"<td>" +"<a href=javascript:delrow('divStock" + count + "');>删除</a>" +"</td>" +"</tr>" +"</table>" +"</div>"; document.getElementById("coll").insertAdjacentHTML("beforeEnd", newDiv); } //删除指定元素 function delrow(diva) { count--; document.getElementById(diva).parentNode.removeChild(document.getElementById(diva)); } function sub() { document.form1.action="xxx.do?total="+count;//servlet要取得一共增了多少。 document.form1.submit(); } </script> </head> <body> <a href="#" id="" onclick="addmx()" >新增页面控件</a> <form action="" name="form1" method=""> <div id="coll"></div> <input type="submit" value="submit" onclick="sub()" /> </form> </body> </html>

action.java

int count=Integer.parseInt(request.getParameter("total");); List<Map<String,Object>> list=new ArrayList<Map<String,Object>>(); while(count>0){ Map<String, Object> map=new LinkedHashMap<String, Object>(); String eName=request.getParameter("emp["+count+"].name"); String eSex=request.getParameter("emp["+count+"].sex"); String eAge=request.getParameter("emp["+count+"].age"); map.put("name", eName); map.put("sex", eSex); map.put("age", eAge); count--; list.add(map);//把一个一个的Map放到list中去 }

dao.java

public void saveProdConfigure(Connection conn, List<Map<String, Object>> list) { String sql="insert into t_prod_configure (USER_NAME,USER_SEX,USER_AGE) values(?,?,?)"; PreparedStatement ps=null; try { ps = conn.prepareStatement(sql); for(int i=0;i<list.size();i++){ ps.setString(1, list.get(i).get("name").toString());//第一个字段 ps.setString(2, list.get(i).get("sex").toString());//第二个字段赋值 ps.setString(3, list.get(i).get("age").toString()); ps.addBatch(); } ps.executeBatch(); } catch (SQLException e1) { e1.printStackTrace(); } }

form表单 批量新增

form表单批量新增