Me gustaría saber como poder añadir campos como inputs o selects dinámicamente al hacer click en un botón.
<div class="inputs">
<div class="form-row" >
<div class="form-group col-md-3">
<select data-width="130%"
id="producto" name="producto" data-
parsley-trigger="change"
class="selectpicker" data-live-search="true">
<option value="" disabled selected>Buscar</option>
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
</div>
<div class="form-group col-md-2">
<input id="precio" type="text"
name="precio" data-parsley-
trigger="change" autocomplete="off"
class="form-control" disabled>
</div>
</div>
</div>
<button class="btn btn-sm btn-outline-light"
name="agregar" type="button">
<i class="fa fa-plus"></i>
</button>
<button class="btn btn-sm btn-outline-light">
<i class="far fa-trash-alt"></i>
</button>
Lo que trato de hacer es que al dar en el botón de '+' me agregue un input y un select, la cuestión es que no he podido hacerlo y no encuentro la forma de añadir un input y un select con los estilos.