jquery serializeobject();方法序列化表单的属性,返回字符串。
2017-07-31 15:27
585 查看
serializeobject(); 可以将表单中的文本框 下拉框 根据name 属性 序列化成字符串,必须在js中写这个方法
$.fn.serializeObject = function() {
var o = {"unique_id":new Date().getTime(),"state":false};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name]) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};
<form class="form-horizontal m-t" id="design_task_form" onsubmit="return false">
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">制作项目:</label>
<div class="col-sm-6">
<select style="width:245px;" class="chosen-select" data-id="task_item" id="task_item" name="task_item"></select>
<input type="hidden" id="f_task_item" value="${designTask.task_item}">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">制作类别:</label>
<div class="col-sm-6">
<select style="width:245px;" class="chosen-select" data-id="task_classify" id="task_classify" name="task_classify"></select>
<input type="hidden" id="f_task_classify" value="${designTask.task_classify}">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">色别:</label>
<div class="col-sm-6">
<%-- <input id="color" name="" class="form-control required" value="${designTask.color}"> --%>
<select style="width:245px;" class="chosen-select" data-id="color" id="color" name="color"></select>
<input type="hidden" id="f_color" name="f_color" value="${designTask.color}">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">数量:</label>
<div class="col-sm-6">
<input id="quantity" style="width:245px;" name="quantity" class="form-control required" value="${designTask.quantity}">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">单位:</label>
<div class="col-sm-6">
<select style="width:245px;" class="chosen-select" data-id="unit" id="unit" name="unit" value="${designTask.unit}"></select>
<input type="hidden" id="f_unit" value="${designTask.unit}">
</div>
</div>
<%-- <div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">设计人:</label>
<div class="col-sm-6">
<select style="width:245px;" class="chosen-select" data-id="server" id="designe
9ade
r" name="designer">
<c:forEach items="${userList}" var="user" varStatus="status">
<option value="${user.user_id}" id="user${user.user_id}">${user.true_name}</option>
</c:forEach>
</select>
<input type="hidden" id="f_designer" value="${designTask.designer}">
<input type="hidden" id="designer_name" name="designer_name">
</div>
</div> --%>
<input type="hidden" id="designer" name="designer" value="${designTask.designer}">
<input type="hidden" id="designer_name" name="designer_name" value="${designTask.designer_name}">
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">完成时间:</label>
<div class="col-sm-6">
<input placeholder="完成时间" style="width:245px;" class="form-control layer-date required" id="finish_date" name="finish_date" value="<fmt:formatDate value="${designTask.finish_date}" pattern="yyyy-MM-dd HH:mm:ss"/>">
</div>
</div>
</form>
$.fn.serializeObject = function() {
var o = {"unique_id":new Date().getTime(),"state":false};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name]) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};
<form class="form-horizontal m-t" id="design_task_form" onsubmit="return false">
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">制作项目:</label>
<div class="col-sm-6">
<select style="width:245px;" class="chosen-select" data-id="task_item" id="task_item" name="task_item"></select>
<input type="hidden" id="f_task_item" value="${designTask.task_item}">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">制作类别:</label>
<div class="col-sm-6">
<select style="width:245px;" class="chosen-select" data-id="task_classify" id="task_classify" name="task_classify"></select>
<input type="hidden" id="f_task_classify" value="${designTask.task_classify}">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">色别:</label>
<div class="col-sm-6">
<%-- <input id="color" name="" class="form-control required" value="${designTask.color}"> --%>
<select style="width:245px;" class="chosen-select" data-id="color" id="color" name="color"></select>
<input type="hidden" id="f_color" name="f_color" value="${designTask.color}">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">数量:</label>
<div class="col-sm-6">
<input id="quantity" style="width:245px;" name="quantity" class="form-control required" value="${designTask.quantity}">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">单位:</label>
<div class="col-sm-6">
<select style="width:245px;" class="chosen-select" data-id="unit" id="unit" name="unit" value="${designTask.unit}"></select>
<input type="hidden" id="f_unit" value="${designTask.unit}">
</div>
</div>
<%-- <div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">设计人:</label>
<div class="col-sm-6">
<select style="width:245px;" class="chosen-select" data-id="server" id="designe
9ade
r" name="designer">
<c:forEach items="${userList}" var="user" varStatus="status">
<option value="${user.user_id}" id="user${user.user_id}">${user.true_name}</option>
</c:forEach>
</select>
<input type="hidden" id="f_designer" value="${designTask.designer}">
<input type="hidden" id="designer_name" name="designer_name">
</div>
</div> --%>
<input type="hidden" id="designer" name="designer" value="${designTask.designer}">
<input type="hidden" id="designer_name" name="designer_name" value="${designTask.designer_name}">
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-3 control-label" style="margin-left: 15%;">完成时间:</label>
<div class="col-sm-6">
<input placeholder="完成时间" style="width:245px;" class="form-control layer-date required" id="finish_date" name="finish_date" value="<fmt:formatDate value="${designTask.finish_date}" pattern="yyyy-MM-dd HH:mm:ss"/>">
</div>
</div>
</form>
相关文章推荐
- jQuery的serialize()方法通过序列化表单值
- jquery serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)。
- jQuery使用serialize(),serializeArray()方法取得表单数据+字符串和对象类型两种表单提交的方法
- jQuery serializeObject 序列化form表单Json对象 jQuery.extend()合并对象
- jQuery-serialize()输出序列化form表单值的方法
- jQuery使用serialize(),serializeArray()方法取得表单数据+字符串和对象类型两种表单提交的方法
- 【jQuery】使用serialize()方法序列化表单元素值
- jQuery-serialize()输出序列化form表单值的方法
- jQuery 序列化表单 serialize()和serializeArray()使用方法
- jQuery-serialize()输出序列化form表单值的方法
- jQuery-serialize()输出序列化form表单值的方法
- JQuery_Ajax预处理字符串-serialize()方法获取表单值
- jQuery 表单序列化 serialize() 时过滤部分 input 元素方法
- jQuery-serialize()输出序列化form表单值的方法
- jquery序列化表单 将form表单转换成对象serializeArray()和转换成字符串serialize()
- jQuery序列化表单的方法总结(serialize()、serializeArray())
- jQuery-serialize()输出序列化表单值的方法
- jQuery-serialize()输出序列化form表单值的方法
- 用jquery可以用使用serialize()序列化表单值,那有没有什么方法可以将值填充到表单中呢? (一段不错的代码)
- jQuery serializeObject 序列化form表单Json对象 jQuery.extend()合并对象