Ir para conteúdo
Fórum Script Brasil
  • 0

Como Pegar Valores De Um Campo E Levar à Outro

Phoenix Design

Perguntado por Phoenix Design,

 Share

Pergunta

Phoenix Design

Phoenix Design

Postado
Postado

Ola à todos.... estou desenvolvendo um form para a escola onde trabalho, nesse formulário , existe uma area que deve ser preenchida com os dados do responsável (nome, email, fone, rg,cpf),porém antes disso ele escolhe em uma caixinha "select" se o mesmo responsável é o : Pai - Mãe - Tio - Avô - Avó...." etc.

Feito isso em baixo há mmais 2 partes a serem preenchida...informações da mãe (nome,fone, email) e informações do pai (nome,fone e email). - separadamente um do outro.

o que eu gostaria de saber é se: Por um acaso se ele escolher a opção "PAI" nos dados do responspável e preecher os campos dessa area, se tem como levar os dados NOME - FONE - e EMAIl para a parte de "informações do pai" ...e a mesma coisa pra mãe.

Não sei se fiko muito claro...mas se puderem me ajudar eu agradeço mtooo!

valeu!Abraços!

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
nvGullit

nvGullit

Postado
Postado

cara você teria que fazer um JS que desabilita o outro quando um é selecionada.

no forum o pessoal fez uma coisa +- deste maneira.

Exemplo:

quando o fulano selecionar o "pai" como responsável ele vai abrir apenas os campos para o preenximento do pai, deixando o da mãe desabilitado, e vice-versa.

só que neste caso você teria uma variável para os campos do pai e outra para os campos da mãe

Link para o comentário
Compartilhar em outros sites
  • 0
C@rimbeiro

C@rimbeiro

Postado
Postado

olá, pelo que eu entendi é isso que você esta precisando!

<html>

<head>

<title>completa campos</title>

<script>

function preencha(){

formulario.nome.focus();

}

function completa(){

if(formulario.nome.value!=""){

formulario.nomePai.value = formulario.nome.value;

}else{alert('preencha o nome');}

}

</script>

</head>

<body>

<form name="formulario" action="" method="post">

<select name="select" onchange="return preencha();">

<option value="pai">pai</option>

<option value="mae">mae</option>

<option value="tio">tio</option>

</select>

</p>

<p>Nome:

<input name="nome" id="nome" type="text"/>

</p>

<p>end:

<input name="endereco" type="text" id="endereco" onblur="return completa();" />

</p>

<hr />

<p>DADOS PESSOAIS</p>

<p>nome:

<input type="text" name="nomePai" id="nomePai" />

<br />

endere&ccedil;o:

<input type="text" name="endPai" id="endPai" />

</p>

</form>

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
Phoenix Design

Phoenix Design

Postado
  • Autor
Postado

hauhUHAuha....aí C@rimbeiro...não cheguei a testar sua sujestão brother, pois acabei conseguindo (meio que aos trancos e barrancos mas consegui rsrsrs!). MAs obrigado pela dica mesmo assim!!!!

O meu código ficou assim: a pessoa preenche os campos do responsável (nome,rg,cpf,celular,email) e depois escolhe em um checkbox "Quem?" é o responsável (Pai,mãe,tio,tia,avô,avó..etc..).

Bom, se ele escolher pai, os campos "nome, celular e email" são copiados para os "inputs" do pai que devem ser preenchidos logo abaixo(Evitando um novo preenchimento desnecessário). O mesmo ocorre se ele escolher a mãe. Já se ele escolher outro responsavel...nenhum dos campos é copiado nem pra pai nem pra mãe.

Ainda coloquei no script um detalhe...escolhendo pai , esses dados serão copiados para os determinados inputs, mas se caso ele clique em mãe, os dados são enviados pra os Inputs da mãe(nome,celular,email) e apagados dos inputs do pai (zerei as variaveis).

Olha só o código:

<script language="javascript">

function Copiacampo()

{

var responsavel = document.getElementById('responsavel');

var nome_res = document.getElementById('nome_res');

var nome_pai = document.getElementById('nome_pai');

var nome_mae = document.getElementById('nome_mae');

var cel_res = document.getElementById('cel_res');

var email_res = document.getElementById('email_res');

var fone_pai = document.getElementById('fone_pai');

var fone_mae = document.getElementById('fone_mae');

var email_mae = document.getElementById('email_mae');

var email_pai = document.getElementById('email_pai');

if (responsavel.options.value=='p')

{

var Campob= document.cadastro.nome_res.value

document.cadastro.nome_pai.value = Campob;

nome_mae.value="";

var Campoc= document.cadastro.cel_res.value

document.cadastro.fone_pai.value = Campoc;

fone_mae.value="";

var Campod= document.cadastro.email_res.value

document.cadastro.email_pai.value = Campod;

email_mae.value="";

}

else if (responsavel.options.value=='m')

{

var Campob= document.cadastro.nome_res.value

document.cadastro.nome_mae.value = Campob;

nome_pai.value="";

var Campoc= document.cadastro.cel_res.value

document.cadastro.fone_mae.value = Campoc;

fone_pai.value="";

var Campod= document.cadastro.email_res.value

document.cadastro.email_mae.value = Campod;

email_pai.value="";

}

else if ((responsavel.options.value!='m') || (responsavel.options.value!='p'))

{

nome_pai.value="";

fone_pai.value="";

email_pai.value="";

nome_mae.value="";

fone_mae.value="";

email_mae.value="";

}

}

</script>

A parte do Formulario:

// Responsavel

Nome: <input name="nome_res">

Celular: <input name="cel_res">

E-mail:<input name="email_res">

Quem? :

<td><select name="responsavel" class="campo" id="responsavel" onChange="Copiacampo();">

<option selected> </option>

<option value="p">Pai</option>

<option value="m">Mãe</option>

<option>Avô</option>

<option>Avó;</option>

<option>Tio</option>

<option>Tia</option>

<option>Irmão</option>

<option>irmã;</option>

<option>Padrasto</option>

<option>Madrasta</option>

<option>Primo</option>

<option>Prima</option>

</select> </td>

\\ Mãe

Nome: <input name="nome_mae" >

Celular: <input name="fone_mae">

E-mail: <input name="email_mae">

\\ Pai

Nome: <input name="nome_pai" >

Celular: <input name="fone_pai">

E-mail: <input name="email_pai">

Bom...funcionou hehe...é o que importa né!?

Vlw pela ajuda galera...se qusierem podem trancar esse tópico!!!

Abraços!!!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...