Получение элементов форм с помощью Javascript

[Svileff]

Добрый день, помогите пожалуйста по JavaScript, с этим языком очень плохо знаком. Нужно создавать группу элементов форм. Только с разными списками select и полями input.

Есть форма для получение элементов

<div class="col-12 mb-4">
                                                        <div class="row">
                                                            <div class="col-lg-4 col-sm-6">
                                                                <div class="form-group">
                                                                    <div class="form-control-wrap">
                                                                        <div class="form-control-select">
                                                                            <select class="form-control" id="default-06">
                                                                                <option value="1">1</option>
                                                                                <option value="2">2</option>
                                                                                <option value="3">3</option>
                                                                                <option value="4">4</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-3 col-sm-6">
                                                                <a id="aElement" href="#" class="btn btn-primary">ADD_MORE_ACTIVITY</a>
                                                            </div>
                                                        </div>
                                                    </div>

При выборе 1 и нажатии на кнопку мы получаем группу полей

<div class="row mb-1">
                                                        <div class="col-lg-2 col-sm-6">
                                                            <div class="row">
                                                                <div class="col-lg-6 col-sm-6">
                                                                    <div class="form-group">
                                                                        <div class="form-control-wrap">
                                                                            <input type="text" id="times" class="form-control">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6 col-sm-6">
                                                                    <div class="form-group">
                                                                        <div class="form-control-wrap">
                                                                            <input type="text" id="times2" class="form-control">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-6">
                                                            <div class="form-group">
                                                                <div class="form-control-wrap">
                                                                    <div class="form-control-select">
                                                                        <select class="form-control" id="default-06">
                                                                           <option> </option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4 col-sm-6">
                                                            <div class="form-group">
                                                                <div class="form-control-wrap">
                                                                    <textarea class="form-control no-resize" id="default-textarea"></textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-2 col-sm-6">
                                                            <div class="row">
                                                                <div class="col-lg-6 col-sm-6">
                                                                    <div class="form-group">
                                                                        <div class="form-control-wrap">
                                                                            <input type="text" class="form-control form-control-outlined">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6 col-sm-6">
                                                                    <div class="form-group">
                                                                        <div class="form-control-wrap">
                                                                            <input type="text" class="form-control form-control-outlined">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-1 col-sm-6">
                                                            <div class="form-group">
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control form-control-outlined">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

Если выбираем 2 или 3 и т.д. И нажимаем на кнопку появляется другие группы полей. У них другое количество элементов и другой select со своим спискам.
Помогите решить эту задачу. Заранее спасибо!

 

[Squats]

А какая разница, сколько полей, когда появились?
Выбираете через селектор, пихаете в FormData и отправляете.
Профит!