使用CodeIgniter获取下拉列表数据，但Jquery在提交时返回未定义的选定值

Question

我正在尝试序列化表单数据，并使用serializeJSON（）将其发送到服务器。但是，我得到一个下拉列表的空位置数组，使用Codeigniter通过它从php中检索下拉列表数据。即使我尝试控制选定的值，我仍然不确定。

这是创建动态位​​置选择选项输入的方法，并在此之上添加动态索引。

    $('.location-list').each(function(index){
        $(this).attr("name", "sessions["+ index + "][location]");
    });

这是我在视图上使用CodeIgniter从php检索数据的方式。

     <div class="form-group">
        <label>Location</label><br>
        <select class="form-control location-list" required)"
            <!--optgroup?-->
            <option value="" selected disabled>Please select</option>
             <?php       
                 foreach($locations as $row){
                     echo '<option value="'.$row['name'].'">'.$row['name'].'</option>';
                 }
             ?>
        </select>
    </div>

这就是我调用AJAX并将序列化数据传递给php的方式。

            $.ajax({
                type: "POST",
                url: SITE_URL + '/create',
                dataType: "json",
                data: {
                    event : $('#eventForm').serializeJSON()
                },
                success: function (data) {
                    $('#eventForm')[0].reset();
                    window.location.href = SITE_URL + "pending";        
                },
                error: function (jqXHR, textStatus, errorThrow){
                }
            });