Bootstrap Jquery遍历表单的问题

x_airsky 2017-05-04 06:02:20

<form>

                <div class="row">

                    <div class="col-md-6 form-group">

                        <label for="Time" class="col-12 form-control-label">首次到访时间</label>

                        <div class="col-12">

                            <input type="datetime-local" class="form-control" id="Time" min="<?php echo date("Y-m-d\T00:00",strtotime("-1 day"));?>" value="<?php echo date("Y-m-d\TH:i");?>">

                        </div>

                    </div>

                    <div class="col-md-6 form-group">

                        <label for="Name" class="col-12 form-control-label">姓名</label>

                        <div class="col-12">

                            <input type="text" class="form-control" id="Name" placeholder="请输入学生姓名">

                        </div>

                    </div>

                    <div class="col-md-6 form-group">

                        <label for="Sex" class="col-12 form-control-label">性别</label>

                        <div class="col-12">

                            <select class="form-control custom-select" id="Sex">

                                <option value="1">男</option>

                                <option value="2">女</option>

                            </select>

                        </div>

                    </div>

                    <div class="col-md-6 form-group">

                        <label for="Age" class="col-12 form-control-label">年龄</label>

                        <div class="col-12">

                            <input type="number" class="form-control" id="Age" placeholder="请输入学生年龄">

                        </div>

                    </div>

                    <div class="col-md-6 form-group">

                        <label for="School_age" class="col-12 form-control-label">学龄</label>

                        <div class="col-12">

                            <select class="form-control custom-select" id="School_age">

                                <?php

                                for ( $i = 0;$i < count($schoolAge);$i++ ) {

                                    echo "<option value='{$i}'>{$schoolAge[$i]}</option>";

                                }

                                ?>

                            </select>

                        </div>

                    </div>

                    <div class="col-md-6 form-group">

                        <label for="Phone" class="col-12 form-control-label">电话</label>

                        <div class="col-12">

                            <input type="tel" class="form-control" id="Phone" placeholder="请输入学生家属电话">

                        </div>

                    </div>

                    <div class="col-md-6 form-group">

                        <label for="School" class="col-12 form-control-label">现读学校</label>

                        <div class="col-12">

                            <input type="text" class="form-control" id="School" placeholder="请输入现读学校">

                        </div>

                    </div>

                    <div class="col-md-6 form-group">

                        <label for="Source" class="col-12 form-control-label">来源</label>

                        <div class="col-12">

                            <select class="form-control custom-select" id="Source">

                                <option value="0">Walk-in</option>

                                <option value="1">Phone-in</option>

                                <option value="2">摆点</option>

                                <option value="3">派单</option>

                                <option value="4">活动</option>

                                <option value="5">广告</option>

                            </select>

                        </div>

                    </div>

                    <div class="col-md-6 form-group">

                        <label for="Source_note" class="col-12 form-control-label">来源备注</label>

                        <div class="col-12">

                            <input type="text" class="form-control" id="Source_note" placeholder="Walk-in或Phone-in请备注">

                        </div>

                    </div>

                    <div class="col-md-6 form-group">

                        <label for="Mouth" class="col-12 form-control-label">口碑</label>

                        <div class="col-12">

                            <select class="form-control custom-select" id="Mouth">

                                <option value="0">无</option>

                                <option value="1">老生介绍</option>

                                <option value="2">其他介绍</option>

                            </select>

                        </div>

                    </div>

                    <div class="col-md-6 form-group">

                        <label for="Mouth_note" class="col-12 form-control-label">口碑备注</label>

                        <div class="col-12">

                            <input type="text" class="form-control" id="Mouth_note" placeholder="请备注介绍人及电话">

                        </div>

                    </div>

                    <div class="col-md-6 form-group">

                        <label for="Type" class="col-12 form-control-label">咨询类型</label>

                        <div class="col-12">

                            <select class="form-control custom-select" id="Type">

                                <option value="1">常规课程</option>

                                <option value="2">深度拓展课程 - V.S.T.</option>

                                <option value="3">深度拓展课程 - 寒/暑假课</option>

                                <option value="4">私教课程</option>

                                <option value="5">其他课程</option>

                            </select>

                        </div>

                    </div>

                </div>

            </form>

现有这样一个表单，使用以下代码遍历。

    $("#submit").click(function () {

        var data = $("#resource-form").serializeArray();

        postData = {};

        $(data).each(function (i) {

            postData[this.id] = this.value;

        });

        console.info(postData);

按理说应该打印出id+value的json

但实际输出如下：