antd如何获取表单的值_JavaScript多个表单序列化获取值

JavaScript多个表单序列化获取值

获取数据格式如下：

[{inid: "1231", age: "231231", sex: "123"},{inid: "1231", age: "23123", sex: "1231"}]

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>JavaScript多个表单序列化获取值</title></head><body><div class="div1"><form class="test"><input type="text" name="inid" value="" /><input type="text" name="age" value="" /><input type="text" name="sex" value="" /></form><form class="test"><input type="text" name="inid" /><input type="text" name="age" /><input type="text" name="sex" /></form><button id="btn"> 点击获取</button></div><script src="js/jquery-3.2.1.js" type="text/javascript"></script><script type="text/javascript">$('#btn').on('click', function() {var newArr = [];var FormData = $('.test');for(var i = 0; i < FormData.length; i++) {var maps = new Object();var obj = FormData.eq(i).serializeArray(); //这里很重要 需要遍历每个form表单下面的标签值$.each(obj, function() {maps[this.name] = this.value;});newArr.push(maps);}console.log(newArr)});</script></body>
</html>

预览效果如下：

antd如何获取表单的值_JavaScript多个表单序列化获取值相关推荐

js入门·表单详解一（修改表单属性，修改表单元素值）
实在javascript入门·Document对象入门讲解(访问表单,创建新页,获取页标题) 一文中,我们已经把表单的一些基本访问等弄清楚了,下面我们深入的学下表单的属性以及对表单元素的简单操作! 演 ...
html语言怎么清除用户名 name= password=,在html页面中填写注册表单后，它会给出这个错误，并使用用户名和密码并将值存储在登录表单中...
在html页面中填写注册表单后,它会给出此错误,并使用用户名和密码并将值存储在登录表单中:TypeError at /login/ argument of type 'NoneType' is not ...
一次性获取多个oracle序列的值，实现关联表多数据的批量insert
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 业务要求批量导入不小于10W条数据到 user 表,但是user表在 insert 每条数据的同 ...
把表单转成json,并且name为key,value为值
http://jsfiddle.net/sxGtM/3/ http://stackoverflow.com/questions/1184624/convert-form-data-to-js-obje ...
v-for 循环生成多个表单元素给动态生成的表单元素绑定值并且添加校验规则
需求:点击新增按钮能不断生成下级部门,所以我再data中定义了一个变量空数组 subordinateDepartmentNum:[] 默认值设置为[] 给增加按钮添加点击事件每点击一次按钮 s ...
method属性值为get提交表单信息，为什么在地址栏不会显示呢。
method属性值为get提交表单信息,为什么在地址栏不会显示呢. <!DOCTYPE html> <html lang="en"> <head> ...
js 用下标获取map值_javascript怎么获取map的值？
Map对象保存键/值对,是键/值对的集合.任何值(对象或者原始值) 都可以作为一个键或一个值.Object结构提供了"字符串-值"的对应,Map结构提供了"值-值&quo ...
android 自定义表单,Android实现Ant Design 自定义表单组件
Ant Design 组件提供了Input,InputNumber,Radio,Select,uplod等表单组件,但实际开发中这是不能满足需求,同时我们希望可以继续使用Form提供的验证和提示等方法 ...
JQ 全选后获取选中的值_Filecoin如何创建账户钱包并获取FIL测试币
昨天"猩动力节点"加入了fielcoin的测试网络,对用户或者矿工来说,如何获取代币,创建钱包保护好自己的资产,每一个用户来说都很关心.下面我们一起来学习如何创建账户钱包,并获取F ...

antd如何获取表单的值_JavaScript多个表单序列化获取值

antd如何获取表单的值_JavaScript多个表单序列化获取值相关推荐

最新文章

热门文章