Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rootzig

Enviar post com input dinâmico criado com Jquery

Recommended Posts

Olá, boa noite.

 

Não estou conseguindo fazer funcionar. Preciso criar input dinâmico na página e enviar via POST.

Segue o código abaixo:

 <?php require_once "includes/header.php";?>
 <div id="page-wrapper">
            <div class="container-fluid">
				<div class="row">
                    <div class="col-lg-3">
                        <form role="form" id="form_cadastro" class="form_cadastro">							
                            <div class="form-group">
                                <label>Atendente</label>
                                <input class="form-control" placeholder="Atendente" name="atendente">
                            </div>

                            <div class="form-group">
                                <label>Nome</label>
                                <input class="form-control" placeholder="Nome" name="nome">
                            </div>
							
							<div class="form-group">
                                <label>Idade</label>
                                <input class="form-control" placeholder="idade" name="idade">
                            </div>
							
							<div class="form-group">
                                <label>Endereço</label>
                                <input class="form-control" placeholder="Endereço" name="endereco">
                            </div>
							
							<div class="form-group">
                                <label>Telefone</label>
                                <input class="form-control" placeholder="Telefone" name="telefone">
                            </div>
						
					</div><!-- /.col-lg-3 -->	
				</div><!-- /.row -->
				
				<h3><span class="label label-warning">Cadastro de Indicação</span></h3>
				<div class="row">
					
					<div id="box_geral" class="col-lg-4 box-geral">		
						<div class="box-add">
							<div class="col-lg-5">
								<div class="form-group">
									<label>Nome</label>
									<input class="form-control" placeholder="Nome" name="nome_indicacao[]">
								</div>
							</div>
							<div class="col-lg-5">
								<div class="form-group">
									<label>Telefone</label>
									<input class="form-control" placeholder="Telefone" name="telefone_indicacao[]">
								</div>
							</div>
						</div>
					</div>
					<div class="form-group"><h3 class="add"><i class="fa fa-plus-square"></i></h3></div>
				</div> <!-- /.row -->
						<button class="btn btn-danger" id="cadastrar" class="cadastrar">Cadastrar</button>
					</form>
            </div>
            <!-- /.container-fluid -->
        </div>
        <!-- /#page-wrapper -->
    </div>
    <!-- /#wrapper -->

    <!-- jQuery -->
    <script src="js/jquery.js"></script>
	<script>
		$(document).ready(function(){
			$(".add").css({cursor:"pointer"});	
			var novos_numeros = '<div class="col-lg-5"><div class="form-group"><label>Nome</label><input class="form-control" placeholder="Nome" name="nome_indicacao[]" id="nome_indicado"></div></div><div class="col-lg-5"><div class="form-group"><label>Telefone</label><input class="form-control" placeholder="Telefone" name="telefone_indicacao[]" id="telefone_indicado"></div></div>';
			$(".add").on("click", function(){
				$( ".box-add" ).append(novos_numeros);
				return false;
			});

			$("#form_cadastro").on('submit', function(event){
				event.preventDefault();
				var dados_form = $(this).serialize();
				console.log(dados_form);
			
				$.ajax({
					type: 'POST',
					url: 'guardar_informacao.php',
					data: dados_form,
					success: function(retorno){
						console.log(retorno);
					}
					
				});

			});
		});
	</script>
    <script src="js/bootstrap.min.js"></script>
</body>

</html>

Retorno:

Array
(
    [atendente] => 
    [nome] => 
    [idade] => 
    [endereco] => 
    [telefone] => 
    [nome_indicacao] => Array
        (
            [0] => teste
        )

    [telefone_indicacao] => Array
        (
            [0] => teste
        )

)

Se alguém puder ajudar eu agradeço.

 

Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.