Olá pessoal, estou com o seguinte problema e gostaria de saber se alguem pode me ajudar:
Tenho dentro de um formulário, o local para cadastro de passageiros de uma viagem.
Os campos para o cliente cadastrar já estão ok, o que eu preciso é criar um botão “+” para que quando ele clique nesse botão sejam criados mais campos para cadastro de um acompanhante para a viagem.
Então toda vez que ele clicar no “+” será adicionado um acompanhante e seram criados mais campos para cadastro dos dados desse acompanhante, exemplo: Nome, Endereço, Telefone, CPF, RG, Passaporte… etc.
Alguem conhece algo que possa me ajudar? Pode ser em PHP ou JavaScript mesmo.
Se fosse você, criaria uma combo com um número de acompanhantes que serão cadastrados. Quando o usuário ecolher a quantidade, iria utilizar o JS para liberar os campos já definidos na página. Os mesmos estariam ocultos. Somente depois da escolha, liberaria os campos com JS. Já fiz várias aplicações utlizando JS e CSS com a propriedade display.
Nesse caso os campos já estariam criados, o sistema só iria liberar de acordo com a escolha do usuário. No caso de dois acompanhantes, iria liberar dois paineis com as informações dos mesmos.
Lembrando que essa é só uma ideía, com JS você com certeza pode fazer muita coisa.
Se fosse você, criaria uma combo com um número de acompanhantes que serão cadastrados. Quando o usuário ecolher a quantidade, iria utilizar o JS para liberar os campos já definidos na página. Os mesmos estariam ocultos. Somente depois da escolha, liberaria os campos com JS. Já fiz várias aplicações utlizando JS e CSS com a propriedade display.
Nesse caso os campos já estariam criados, o sistema só iria liberar de acordo com a escolha do usuário. No caso de dois acompanhantes, iria liberar dois paineis com as informações dos mesmos.
Lembrando que essa é só uma ideía, com JS você com certeza pode fazer muita coisa.
Abraço.[/quote]
Certo, com essa opção do display ele oculta os campos certo? Isso vai mecher na tabulação da página? Exemplo, ficará um espaço vazio no formulário com esses campos ocultos ou só ao liberar eles havera uma quebra de linhas do conteudo abaixo desses campos para exibi-los?
[b]No caso de cada botão para os acompanhantes você pode criar somente um botão mas com um controle. Esse controle você terá que fazer de alguma maneira.
O problema agora é que ao duplica os campos ele continua com o mesmo nome.
Exemplo: O primeiro campo é o CPF e ele está como:
Ao duplica-lo quando ele vai pra div “destino” ele continua com o mesmo nome:
Meu código está assim:
[code]<body>
<script>
function duplicarCampos(){
var clone = document.getElementById(‘origem’).cloneNode(true);
var destino = document.getElementById(‘destino’);
destino.appendChild (clone);
var camposClonados = clone.getElementsByTagValue('+');
for(i=0; i<camposClonados.length;i++){
camposClonados[i].value = '';
}
}
function removerCampos(id){
var node1 = document.getElementById(‘destino’);
node1.removeChild(node1.childNodes[0]);
}
></script>
<div id=“origem” align=“center”>