Estou criando dois campos input quando clico no botão mais (+) , já consigo gerar os dois inputs, mas preciso limitar o mesmo, apenas 5 input que eu preciso, já tentei com while e não obtive sucesso, segue o codigo, obrigado
/cria mais campos valor do aditivo e numero de parcelas/
function duplicarCampos(){
var clone = document.getElementById('origem').cloneNode(true);
var destino = document.getElementById('destino');
destino.appendChild (clone);
var camposClonados = clone.getElementsByTagName('input');
for(i=0; i<camposClonados.length;i++){
camposClonados[i].value = '';
}
}
<tr>
<td colspan="4">
<div align="center" style="font-size:12px;background: #FFDAB9;border: 1px solid rgb(161, 161, 161) " id="origem" >
<br>
Valor do Aditívo (R$): <input type="text" id="tco_valor_aditivo_new" name="tco_valor_aditivo_new[]" maxlength="14" size="14"/><br>
<br>
Número de Parcelas:
<select name="tco_num_parcelas" id="tco_num_parcelas" >
<option value="...">...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<p>
<button type="button" style="cursor: pointer;" onclick="duplicarCampos();">+</button>
<button type="button" style="cursor: pointer;" onclick="removerCampos(this);">-</button>
<p><p><p>
</div>
<div id="destino"></div>
</td>
</tr>
inputs
adicionados. Também pode buscar o número deinputs
dentro de um elemento pai. Por exemplo buscar o número deinputs
dentro dadiv
"destino".