Есть такая форма skrinshoter.ru/s/240516/pp5TvW?a (слева раздел, справа элемент)
вот примерная разметка селекторов:
<div class="row">
<div class="col-md-4">
<p class="select-head-p">1.Выберите категорию продукции</p>
<select>
<option>Микрокальцит</option>
<option>Мраморная крошка,песок</option>
<option>Щебень</option>
<option>Минеральный порошок</option>
<option>Каолин</option>
<option>Химические реагенты</option>
</select>
</div>
<div class="col-md-4">
<p class="select-head-p">2.Выберите фракцию/товар</p>
<div class="dynamic-form">
</div>
<select>
<option>Микрокальцит стандарт, фракция 2мкм.</option>
<option>Микрокальцит стандарт, фракция 3мкм</option>
<option>Микрокальцит стандарт, фракция 60мкм</option>
<option>Микрокальцит стандарт, фракция 80мкм</option>
<option>Микрокальцит стандарт, фракция 150мкм</option>
<option>Микрокальцит стандарт, фракция 120мкм</option>
<option>Микрокальцит стандарт, фракция 10мкм</option>
<option>Микрокальцит стандарт, фракция 50мкм</option>
<option>Микрокальцит стандарт, фракция 3мкм</option>
</select>
</div>
Как мне добавить по клику , например на "+" , точно такую же разметку ниже? т.е чтобы было несколько строк с селектроами,? также надо иметь удалять эту строку(если нажата случайно)
<script>
$(".wrap_send_zay").on("click", ".add__content", function(event){
$(".select-dublicate_dynamic").clone(true).insertBefore(event.target)
});
$(".wrap_send_zay").on("click", ".delete__content", function(event){
if($(".wrap_send_zay .select-dublicate_dynamic").length > 1){
$(event.target).closest(".row").detach();
}
});
</script>
это чуть модернизировал скрипт