基本上网上全是转自他的文章:呵呵备忘!
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();
}
}
分享到:
相关推荐
本资源包含了一个名为`jquery.form.js`的文件,它是一个基于jQuery库的插件,用于简化表单的异步提交,包括批量提交。 批量提交表单JS的核心概念是利用JavaScript对多个表单数据进行处理,然后一次性发送到服务器。...
总之,"Form 表单多语言维护平台 2.1"是一个强大的工具,旨在简化Oracle EBS中的多语言表单管理和更新。通过这个平台,企业可以更有效地支持全球化的业务运营,确保用户无论在哪里都能获得一致且符合本地习惯的用户...
6. **批量操作**:由于其表格的特性,`MultiList`支持批量选择和操作,如批量更新、删除等,进一步提升了数据管理的效率。 总的来说,`laravel-admin`的`MultiList`组件是针对`Form`表单控件的一次重大扩展,它结合...
`jQuery.form`插件是jQuery的一个扩展,专门用于处理表单提交,包括使用AJAX方式提交表单。 在描述中提到,使用`jQuery`动态添加表单。这通常涉及到在用户交互后,例如点击按钮,通过JavaScript动态生成HTML表单...
### 泛微OA新增功能表单建模详解 #### 背景 随着企业信息化建设的不断深入,OA系统的灵活性和可扩展性成为了衡量其性能的重要指标之一。表单建模功能作为泛微OA的一项重要更新,旨在通过简单配置即可实现数据模块...
ASP .NET MVC4 前台页面利用Ajax生成form表单,输入完表单后台利用 FormCollection 自动新增多条记录
在这个案例中,我们关注的是如何利用ASP.NET、批处理、无刷新AJAX以及jQuery Form插件来实现图片的批量上传功能。这个功能允许用户在不刷新整个页面的情况下,上传多张图片,提升用户体验。 批处理在ASP.NET中指的...
使用`$("#formId").ajaxForm(options)`方法,其中`options`可以设定上传成功后的回调函数,以便在文件上传完成后更新页面状态或显示上传结果。 总结起来,实现ASP.NET的批量文件上传涉及的知识点包括: 1. 使用...
对于Word文档,用户可以通过新增的按钮轻松地创建和编辑表单,例如插入预设的表单字段,如文本框、下拉列表、复选框等,这在制作调查问卷或合同模板时尤其有用。在Excel中,插件可能提供了更快速的数据筛选、排序和...
这是示例应用程序,它提供批量更新表单。 科技栈 Ruby2.6.3 滑轨6.0.1 MySQL 5.7 码头工人 邮政 以下帖子描述了此应用程序的实现。 需要 码头工人,码头工人组成 设置 运行引导脚本 $ sh ./scripts/development/...
"表单文件上传(更新)"这个主题涉及到的技术点主要包括单文件上传、多文件上传、大文件上传以及进度条显示,这些都是提升用户体验的关键要素。 首先,**单文件上传**是指用户可以通过网页表单选择一个文件进行上传。...
EXT的`Ext.form.Panel`可以用来定义表单,其中`Ext.form.FileField`或`Ext.form.field.File`是用于选择文件的组件。配置`buttonText`属性可以自定义“浏览”按钮的文字,`name`属性则用于指定服务器端接收文件的参数...
2020-12-14 项目需求,包放npm上了,batch-create-form。...更新最近项目中新增的一些功能,包括富文本编辑器等组件的使用。 2018-12-17 此demo基于,感谢开源 代码还有很多需要完善的地方,感谢指正。
HTML5为表单带来了许多增强的功能,其中关键的一环是新增的input属性。这些属性使得表单输入更加灵活,提供了更好的用户体验和数据验证。以下是四个主要的新增属性的详细说明: 1. **multiple** 属性: 在HTML5...
表单需要设置`enctype="multipart/form-data"`属性,这是为了允许表单提交包含二进制数据(如文件)。可以使用JavaScript或jQuery插件来实现无刷新的多文件选择,这里使用了一个名为“仿163网盘无刷新上传”的JS控件...
总体来说,formDesigner-jeecgboot V1.12.0的更新旨在提升开发者在jeecg-boot环境中创建和管理表单的效率,同时也增强了对文件处理的支持,这对于构建现代企业级应用来说是至关重要的。开发者可以期待更加灵活、高效...
当用户通过表单提交文件时,必须设置`enctype="multipart/form-data"`,并且表单元素`<input type="file">`用于选择本地文件。 二、AJAX基础 AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,...
6. **自动化工具**:某些专业软件如"Fire_FillForm3.87"可能专用于自动填写表单,它可以模拟用户操作,适用于网页表单、调查问卷等场景。 7. **数据库操作**:如果数据存储在数据库中,可以使用SQL语句进行批量插入...
批量删除操作完成后,应该向用户反馈操作结果,可能是通过重定向到一个新的页面,或者在当前页面更新状态。同时,考虑到可能出现的异常情况,如数据库连接问题或删除失败,应当有适当的错误处理和日志记录机制。 ...
在提供的更新文件"updateForASP"中,可能包含了改进的ASP脚本或新的组件,用于增强批量上传图片的功能,例如错误处理、进度显示、多线程上传等。开发者可以查看这个文件以获取更多信息,优化现有的图片上传系统。