Olá galera beleza? Sou iniciante com programação, e tenho uma dúvida. Estou querendo fazer um sistema onde o usuário possa adicionar vários funcionários ao formulário, tipo ele pode adicionar um funcionário lá e também pode remover no formulário, faço isso com dados estáticos com a função abaixo, mas gostaria de o fazer com dados vindo do banco tipo pegando de um arquivo .php, mas que funcione como este que está estático. Alguém pode me ajudar?
função javascript
Código :
corpo da página
Código :
Desde já agradeço a todos;
função javascript
Código :
<script type="text/javascript">
$(function(){
$("#add").click(function(){
var input = '<div class"itens">';
input += '<label>Produto: <input type="text" name="produto[]" id="produto" /></label>';
input += ' <label>Qtd: <input type="text" name="qtd[]" id="qtd" size="5" /></label>';
input += '<a href="#" class="del">X</a> </div>';
$("#campos").append(input);
return false;
});
$('.del').live('click', function(){
$(this).parent().remove();
});
});
</script>
$(function(){
$("#add").click(function(){
var input = '<div class"itens">';
input += '<label>Produto: <input type="text" name="produto[]" id="produto" /></label>';
input += ' <label>Qtd: <input type="text" name="qtd[]" id="qtd" size="5" /></label>';
input += '<a href="#" class="del">X</a> </div>';
$("#campos").append(input);
return false;
});
$('.del').live('click', function(){
$(this).parent().remove();
});
});
</script>
corpo da página
Código :
<div>
<a href="#" id="add">Adicionar Produto >></a><br />
<form action="listar.php" method="post" >
<label>Produto: <input type="text" name="produto[]" id="produto" /></label>
<label>Qtd: <input type="text" name="qtd[]" id="qtd" size="5" /></label><br>
<div id="campos"></div>
<input type="submit" value="Enviar" />
</form>
</div>
</body>
<a href="#" id="add">Adicionar Produto >></a><br />
<form action="listar.php" method="post" >
<label>Produto: <input type="text" name="produto[]" id="produto" /></label>
<label>Qtd: <input type="text" name="qtd[]" id="qtd" size="5" /></label><br>
<div id="campos"></div>
<input type="submit" value="Enviar" />
</form>
</div>
</body>
Desde já agradeço a todos;