jquery serializeobject();方法序列化表单的属性,返回字符串。

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" οnsubmit="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="designer" 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>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值