Consegui fazer com que quando clico no botão adicionar mais campos, seja replicado o formulário. Porém o botão criar passou a fazer a mesma coisa do botão adicionar+campos e não a sua função de inserir os dados no banco. Poderiam me ajudar?
<!doctype html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="<?php echo base_url('assets/css/bootstrap.min.css') ?>"/>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<!-- begin snippet: js hide: false -->
<!-- language: lang-js -->
<script>
$(function(){
$('button').on('click', function(){
$('.info-block:first').clone().insertAfter('.info-block:last');
});
});
</script>
<div class='container'>
<div class='info-block'>
<h2 style="margin-top:0px">Criar Categorias de Inscrição </h2>
<form action="<?php echo $action; ?>" method="post">
<div class="form-group">
<label for="varchar">Nome Categoria <?php echo form_error('nome_categoria') ?></label>
<input type="text" class="form-control" name='nome_categoria[]' id="nome_categoria" placeholder="Nome Categoria" value="<?php echo $nome_categoria; ?>" />
</div>
<div class="form-group">
<label for="varchar">Descricao Categoria <?php echo form_error('descricao_categoria') ?></label>
<input type="text" class="form-control" name='descricao_categoria[]' id="descricao_categoria" placeholder="Descricao Categoria" value="<?php echo $descricao_categoria; ?>" />
</div>
<div class="form-group">
<label for="decimal">Valor Categoria <?php echo form_error('valor_categoria') ?></label>
<input type="text" class="form-control" name='valor_categoria[]' id="valor_categoria" placeholder="Valor Categoria" value="<?php echo $valor_categoria; ?>" />
</div>
<input type="hidden" name='idCategorias_Inscricao[]' value="<?php echo $idCategorias_Inscricao; ?>" />
</form>
</div>
</div>
<button>Adicionar + campos</button>
<button type="submit" class="btn btn-primary">Criar</button>
<a href="<?php echo site_url('categorias_inscricao') ?>" class="btn btn-default">Cancel</a>
</body>
</html>