Boas
tenho o seguinte código que adiciona inputs conform o numero de inserido num caixa de texto, no entanto caso o formulário já tenha algumas caixas de texto eu apenas quero que adicione a diferença, ou seja
caixa de texto inicio : 2
Após alteração: caixa de texto alterada - 3
neste momento como tenho está adicoonar 3 ao que já existe,
Segue o código que tenho no momento
$(document).ready(function() {
var $txtQuantidade = $('#txtQuantidade');
var $btnAdicionar = $('#btnAdicionar');
var $divForm = $('#divForm');
$btnAdicionar.on('click', function() {
var qtde = $txtQuantidade.val();
console.log(qtde);
var html = '';
for (var i = 0; i < qtde; i++) {
html += '<div>';
html += '<input type="date" id="txtData_' + i + '" name="data[]">';
html += '<input type="time" id="txtHoraIni_' + i + '" name="hinicio[]">'
html += '<input type="time" id="txtHoraFim_' + i + '" name="hfim[]">';
html += '<div>';
}
$divForm.append(html);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txtQuantidade" />
<input type="button" id="btnAdicionar" value="Adicionar" />
<div id="divForm"></div>
Vou tentar explicar melhor:
Imaginemos que eu tenho 2 na caixa de texto, apenas me poderá aparecer dois inputs, caso eu insira de seguida 3 apenas me poderá mostrar 3 inputs e por fim caso eu volte a colocar 2 apenas me poderia mostrar 2 inputs apagando um
obrigado