Preciso criar um select com valores de 1 a N números. Após o usuário selecionar um número no select tenho que clonar a div lote
a partir do valor selecionado.
Exemplo: se eu selecionar o numero 2 no select, tem que clonar duas divs. Se eu selecionar 1, clona só uma e se eu selecionar 3 clonar 3.
Segue um exemplo:
$("#qtdLote").on("change",function(){
var num=parseInt($(this).val());
//$("#grupo-lotes").html(''); //limpar antes de gerar
for(var i=1;i<=num;i++){
$("#grupo-lotes").append($("#lote").clone());
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<label>Escolha</label>
<select id="qtdLote">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<br />
<div id="grupo-lotes">
<div id="lote">
<label>LOTE </label>
<input type="">
</div>
</div>
Ver no codepen.io