Skip to main content
2 de 2
título editado
Largato
  • 92,9mil
  • 18
  • 190
  • 261

Problema para recuperar campos array[] adicionados dinâmicamente

Olá, pessoal!!

Tenho esse script que adiciona campos dinamicamente no meu form, mas não consigo percorrer os valores adicionados por ele, só consigo pegar o primeiro valor do campo que já vem na tela principal.... Segue o código do script:

$(function() {
$("#add").click(function() {
    var input =  '<div class="dias">'
        input +=    '<div class="form-group dias">'
        input +=        '<label class="col-md-4 control-label" for="Dia">Dia disponível</label>'
        input +=        '<div class="col-md-4">'
        input +=            '<select name="slcDia[]" class="form-control">'
        input +=                '<option value="Segunda">Segunda-Feira</option>'
        input +=                '<option value="Terça">Terça-Feira</option>'
        input +=                '<option value="Quarta">Quarta-Feira</option>'
        input +=                '<option value="Quinta">Quinta-Feira</option>'
        input +=                '<option value="Sexta">Sexta-Feria</option>'
        input +=                '<option value="Sabado">Sábado</option>'
        input +=            '</select>'
        input +=        '</div>'
        input +=        '<a href="#" id="deletar" class="btn btn-danger" role="button">Remover Dia</a>'
        
        input +=        '<label class="col-md-4 control-label" for="Turno">Turno</label>'
        input +=        '<div class="col-md-4">'
        input +=            '<label class="checkbox-inline" for="Turno-0"><input type="checkbox" name="chkTurno[]" value="Manha">Manhã</label>'
        input +=            '<label class="checkbox-inline" for="Turno-1"><input type="checkbox" name="chkTurno[]" value="Tarde">Tarde</label>'
        input +=            '<label class="checkbox-inline" for="Turno-2"><input type="checkbox" name="chkTurno[]" value="Noite">Noite</label>'
        input +=        '</div>'
        input +=    '</div>'
        input += '</div>';

    $("#campos").append(input);
    return false;
});

$('body').on('click', "#deletar",function() {
    $(this).parent('.dias').remove();
});

Estou percorrendo os campos em php, é assim que estou fazendo:

        $slcDia = $_POST['slcDia'];

    foreach ($slcDia as $slcDia) {
        echo $slcDia;
    }

E o form principal, onde chama o script pra adição dos campos é esse, praticamente igual ao que tá dentro do próprio script:

        <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/addcampo.js"></script>

    <form class="form-horizontal" action="index.php?pg=np&acao=ok" method="POST">
        <fieldset>
        <!-- Form Name -->
        <legend>Professores > Novo Professor</legend>

        <!-- Text input-->
        <div class="form-group">
            <label class="col-md-4 control-label" for="Professores">Nome</label>  
            <div class="col-md-6">
                <input name="txtNome" type="text" placeholder="Professor" class="form-control input-md">
            </div>
        </div>

        <!-- Select Basic -->
        <div class="form-group">
        <label class="col-md-4 control-label" for="Dia">Dia disponível</label>
            <div class="col-md-4">
                <select name="slcDia[]" class="form-control">
                    <option value="Segunda-Feira">Segunda-Feira</option>
                    <option value="Terça-Feira">Terça-Feira</option>
                    <option value="Quarta-Feira">Quarta-Feira</option>
                    <option value="Quinta-Feira">Quinta-Feira</option>
                    <option value="Sexta-Feira">Sexta-Feria</option>
                    <option value="Sábado">Sábado</option>
                </select>
            </div>
            
            <a href="#" id="add" class="btn btn-primary" role="button">Adicionar Dia</a>

            <label class="col-md-4 control-label" for="Turno">Turno</label>
            <div class="col-md-4">
                <label class="checkbox-inline" for="Turno-0"><input type="checkbox" name="chkTurno[]" value="Manhã">Manhã</label>
                <label class="checkbox-inline" for="Turno-1"><input type="checkbox" name="chkTurno[]" value="Tarde">Tarde</label>
                <label class="checkbox-inline" for="Turno-2"><input type="checkbox" name="chkTurno[]" value="Noite">Noite</label>
            </div>
        </div>

        <div id="campos"></div>

        <!-- Button (Double) -->
        <div class="form-group">
            <label class="col-md-4 control-label" for="Salvar"></label>
            <div class="col-md-8">
                <button type="submit" name="Salvar" class="btn btn-success">Salvar</button>
                <a href="index.php?pg=td" role="button" class="btn btn-danger">Cancelar</a>
            </div>
        </div>

        </fieldset>
    </form>

Alguém sabe onde pode estar o erro?

Alceu
  • 409
  • 1
  • 4
  • 15