Svileff
Новичок
Добрый день, помогите пожалуйста по JavaScript, с этим языком очень плохо знаком. Нужно создавать группу элементов форм. Только с разными списками select и полями input.
Есть форма для получение элементов
При выборе 1 и нажатии на кнопку мы получаем группу полей
Если выбираем 2 или 3 и т.д. И нажимаем на кнопку появляется другие группы полей. У них другое количество элементов и другой select со своим спискам.
Помогите решить эту задачу. Заранее спасибо!
Есть форма для получение элементов
Код:
<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>
Код:
<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>
Помогите решить эту задачу. Заранее спасибо!