layui版本: layui-2.2.45
问题描述:
我需要在用户点击分页时,获取筛选表单里的所有数据.官方文档只有一个表单提交时的回调方法.
解决思路:
1.定义一个对象,
2.表单序列化成数组.
3.遍历数组把元素添加到对象中
先看下官方的form.submit方法
form.on('submit(formDemo)',function(data){
console.log(data)
});
data.field字段是表单的数据对象,结构如下:

我想要的是,用户点击分页跳转时获取表单的数据,所以要在点击事件中处理.
查文档.官方文档介绍2.5.5才支持form取值
方法

不通过form.on获取数据,又不想升级版本.那就自己写.
var formArr = $('#search_form').serializeArray();//form表单序列化成数组
var param = {};//数据对象
//遍历数组
for(var x in formArr){
//格式 obj['key'] = val;
param[formArr[x].name] = formArr[x].value;
}
console.log(param);
得到的结果

网友评论