Как динамически добавлять несколько селекторов по клику?

Question

[Егор Трегубенко]

Есть такая форма 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>

Как мне добавить по клику , например на "+" , точно такую же разметку ниже?
т.е чтобы было несколько строк с селектроами,? также надо иметь удалять эту строку(если нажата случайно)

Answer 1

[Егор Трегубенко]

ru.stackoverflow.com/questions/527359

вот тут мне помогли