文档章节

form表单提交 list对象给Java 后台结合

之渊
 之渊
发布于 2016/12/09 15:25
字数 394
阅读 577
收藏 0

 <div class="form-group" style="display: none;">
                    <!-- 保存使用 -->
                    <label class="col-sm-1 control-label " >员工计划id</label>
                        <div class="col-sm-8">
                            <input type="text"  name="pscoreVoc[${planeeMy.num}].eeplanid" 
                             class="form-field col-xs-10 col-sm-4"
                              value="${planeeMy.hepplaneePo.id}" 
                               />
                        </div>
                    <label class="col-sm-1 control-label " >员工计划类别</label>
                        <div class="col-sm-8">
                            <input type="text"  name="pscoreVoc[${planeeMy.num}].type" 
                             class="form-field col-xs-10 col-sm-4"
                              value="${planeeMy.hepplaneePo.type}" 
                               />
                        </div>
                </div>

上面是结合了 freemker 的,如果是 jsp也是类似的。可以通过后端传过来的数据控制 ,元素的命名

 

同理如果是 动态 新增提交的话,可以动态生成input

$(".form_list_ul").each(function(i){
             var mat = $(this).find('[name="mat"]').val();
             var peDetails_inciseWay = $(this).find('[name="peDetails_inciseWay"]').val();
             var num = $(this).find('[name="Number_id"]').val();
             var requi = $(this).find('[name="peDetails_explain"]').val();
             var thickness = $(this).find("input[name='peDetails_thickness0']").val();
             var width = $(this).find("input[name='peDetails_width0']").val();
             var length = $(this).find("input[name='peDetails_length0']").val();
             var consultWeight  = $(this).find("input[name='Reference']").val();
             var modelNo  = $(this).find("input[name='modelNo']").val();
            if (mat != "" && thickness != "" && width != "" && length != "") {
            var peDetails_spec_type = parseInt($(this).find('[name="type1"]').val());       
            var dataItem = {
                "id": $(this).find("input[name='peDetails_id']").val(),
                "inciseWay": peDetails_inciseWay,//切割方式
                "texture" : mat,//材质
                "num": num,//件数
                "specType": peDetails_spec_type,//类型
                "thickness": thickness,
                "width": width,
                "length": length,
                "explain":$(this).find("textarea[name='peDetails_explain']").val(),
                "consultWeight":consultWeight,//参考重量
                "modelNo":modelNo//模号
            };
            $("#enquiry_details").append(createEnquiryDetailHidden(dataItem, i));
            }
        });

 

 

function createEnquiryDetailHidden(item, i){    
        var hiddenHtml = [];
        var nameStart = "peDetails["+count+"].";
        hiddenHtml.push(createHiddenField(nameStart+"id", item.id));
        hiddenHtml.push(createHiddenField(nameStart+"texture", item.texture));
        hiddenHtml.push(createHiddenField(nameStart+"inciseWay", item.inciseWay));
        hiddenHtml.push(createHiddenField(nameStart+"num", item.num));
        hiddenHtml.push(createHiddenField(nameStart+"specType", item.specType));
        if(item.specType == 1 || item.specType == 2 || item.specType == 5 || item.specType == 6){
            hiddenHtml.push(createHiddenField(nameStart+"thickness", item.thickness));
            hiddenHtml.push(createHiddenField(nameStart+"width", item.width));
            hiddenHtml.push(createHiddenField(nameStart+"length", item.length));
        }  
        hiddenHtml.push(createHiddenField(nameStart+"explain", item.explain));
        hiddenHtml.push(createHiddenField(nameStart+"modelNo", item.modelNo));
        count+=1;
        return hiddenHtml.join("");
    }

    /**
     * 一个Hidden
     * @param name
     * @param value
     * @returns {String}
     */
    function createHiddenField(name, value){
        return "<input type='hidden' name='"+name+"' value='"+value+"'>\n";
    }

 

 

这样就可以使用 form 表单直接提交了

 

 

 

 

 

 

 

 

 

 

本文转载自:http://blog.csdn.net/u011493599/article/details/49153177

共有 人打赏支持
之渊
粉丝 11
博文 545
码字总数 158790
作品 0
佛山
程序员
私信 提问
Struts2提交页面表单数组

webwork表单提交中有一个很有用的技巧,在提交成组的类似person[0].name,person[1].name的表单中,可以利用conversion使xwork自动装配对象属性到action中: form 代码: Html代码 <form action="...

xiaoxin
2014/05/20
0
0
Android基于XMPP Smack Openfire下学习开发IM(三)会议室创建、加入以及查询

openfire 中的会议室不像QQ群一样,不能保存那些离线用户,加入会议室后,一旦断开连接,就会离开会议室。 虽然如此,但如果要实现也不是不可能,我们可以自己做后台来保存,有兴趣的可以去试...

程序袁_绪龙
2014/11/27
0
0
为什么把form的target设置成iframe的name了提交表单后仍然是全部刷新?

有两个问题 一是,把form的target设置成iframe的name了提交表单后仍然是全部刷新 二是,在后台处理了之后,在java中怎么发送信息到前台去?在下面的用response前端收不到任何信息。 html代码...

Ranger_sky
2015/11/26
736
2
Spring中formdata方式提交json对象和file之一

问题 想使用vue-resource表单提交方式到spring,这个表单中包含json对象和file对象。 思路 将json对象和file对象都放到表单提交方式里面的中,并在中指定内容格式。 步骤 Spring实现和配置 ...

亚林瓜子
06/12
0
0
jquery.form.js 插件 ajaxSubmit的问题

使用jquery.form.js异步提交form,form里面是datatable,例如table的每一行是:。意思就是,我除了要提交表单的普通数据,还要提交上传的图片。上传文件也弄正常工作,那么问题来了: 例如for...

GodByeWord
2014/12/08
1K
8

没有更多内容

加载失败,请刷新页面

加载更多

tomcat编译超过64k大小的jsp文件报错原因

  今天遇到一个问题,首先是在tomcat中间件上跑的web项目,一个jsp文件,因为代码行数实在是太多了,更新了几个版本之后编译报错了,页面打开都是报500的错误,500的报错,知道http协议返回...

SEOwhywhy
10分钟前
0
0
flutter http 请求客户端

1、pubspec文件管理Flutter应用程序的assets(资源,如图片、package等)。 在pubspec.yaml中,通过网址“https://pub.dartlang.org/packages/http#-installing-tab-”确认版本号后,将http(0...

渣渣曦
11分钟前
0
0
Django基本命令及moduls举例

一、Django基本命令 1.创建项目 django-admin.py startproject mysite 创建后的项目结构:- mysite - mysite #对整个程序进行配置 - init #导入包专用- settings ...

枫叶云
26分钟前
4
0
zabbix安装

rpm -ivh http://repo.webtatic.com/yum/el6/latest.rpm 安装jdk rpm -ivh (自行在网上下载rpm包) 安装php并修改相应参数 yum -y install php56w php56w-gd php56w-mysqlnd php56w-bcmath......

muoushi
27分钟前
3
0
MySQL自增属性auto_increment_increment和auto_increment_offset

MySQL的系统变量或会话变量auto_increment_increment(自增步长)和auto_increment_offset(自增偏移量)控制着数据表的自增列ID。 mysql> show tables;Empty set (0.00 sec)mysql> CREATE TA......

野雪球
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部