1

Pesquisando, consegui achar um script para criar e remover campos.

Link Adicionar e Remover campos com Javascript

Minha dúvida agora, é como enviar esses dados ao banco de dados, para uma futura consulta e exibição?

Minha versão:

$(function () {
    var divContent = $('#formulario');
    var botaoAdicionar = $('a[data-id="1"]');
    var i = 1;

    //Ao clicar em adicionar ele cria uma linha com novos campos
    $(botaoAdicionar).click(function () {
        $('<div class="conteudoIndividual"><div class="row"><div class="col-xs-5"><div class="form-group" style="margin:0 0 0 1px;"><label class="control-label">Veículo</label><select name="veiculo[]" id="" class="form-control"><option value="S">Sim</option><option value="N">Não</option></select></div></div><div class="col-xs-2"><div class="form-group" style="margin:0 0 0 1px;"><label class="control-label">Valor</label><input name="veiculoValor[]" type="text" class="form-control" id="" value="" required></div></div></div><a href="#" class="linkRemover">- Remover Campos</a></div>').appendTo(divContent);
        $('#removehidden').remove();
        i++;
        $('<input type="hidden" name="quantidadeCampos" value="' + i + '" id="removehidden">').appendTo(divContent);
    });

    //Cliquando em remover a linha é eliminada
    $('#formulario').on('click', '.linkRemover', function () {
        $(this).parents('.conteudoIndividual').remove();
        i--;
    });
});
<a href="#" data-id="1" id="adicionarCampo">+ adicionar campo</a>

<form action="teste.php" method="post">
    <div id="formulario">
        <div class="row">
            <div class="col-xs-5">
                <div class="form-group" style="margin:0 0 0 1px;">
                <label class="control-label">Veículo</label>
                <select name="veiculo[]" id="" class="form-control">
                    <option value="S">Sim</option>
                    <option value="N">Não</option>
                </select>
                </div>
            </div>
            
            <div class="col-xs-2">
                <div class="form-group" style="margin:0 0 0 1px;">
                <label class="control-label">Valor</label>
                <input name="veiculoValor[]" type="text" class="form-control" id="" value="" required>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="MM_insert" value="form1">
    <input type="submit" value="Gerar Código" />
</form>

16
  • Editei a sua pergunta de forma a trazer o código do jsfiddle para aqui. Não sei porquê o adicionar campo funciona lá e no snippet não.
    – ramaral
    Commented 8/05/2015 às 16:34
  • Sr @ramaral sabe como posso enviar para o BD?
    – Tiago
    Commented 8/05/2015 às 16:37
  • O que tem no script 'teste.php'? Commented 8/05/2015 às 16:38
  • nada, é o próprio arquivo do html
    – Tiago
    Commented 8/05/2015 às 16:39
  • É esse script que deve salvar no banco de dados. Você vai utilizar MySQL? Commented 8/05/2015 às 16:40

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .