Ir para conteúdo

POWERED BY:

Arquivado

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

Francisco Leal

preencher campos ao clicar em botao

Por , em Javascript

Recommended Posts

Francisco Leal    0

Francisco Leal
Postado

Tipo assim o form ta em branco, mas se eu clicar no botao preencher ele preenche os campos endereço, telefone, cep, estado , cidade e bairro, como faço isso??

 

<?php
   include('conexao/conectar.php');
   $consulta = mysql_query("SELECT * FROM cadcontratante ORDER BY matricula DESC");
   $campos = mysql_fetch_array($consulta);
   $matricula      = $campos['matricula'];
   $endereco       = $campos['endereco'];
   $numero         = $campos['numero'];
   $complemento    = $campos['complemento'];
   $bairro         = $campos['bairro'];
   $cidade         = $campos['cidade'];
   $estado         = $campos['estado'];
   $cep            = $campos['cep'];
   $telresidencial = $campos['telresidencial'];
?>
<!DOCTYPE HTML>
<html>
   <head>
       <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
       <link type="text/css" rel="stylesheet" href="css/estilo.css">
       <script type="text/javascript" src="js/jquery.js"></script>
       <script type="text/javascript" src="js/maskedinput.js"></script>
       <title>Cadastro de Aluno</title>
       <script type="text/javascript">
$(document).ready(function(){
   $(function(){
       $.mask.addPlaceholder("~","[+-]");
       $("#telresidencial").mask("(99)9999-9999");
       $("#telcomercial").mask("(99)9999-9999");
       $("#celular").mask("(99)9999-9999");
       $("#cep").mask("99999-999");
       $("#data").mask("99/99/9999");
       $("#cpf").mask("999.999.999-99");
       $("#cnpj").mask("99.999.999/9999-99");
       $("#rg").mask("99.999.999-9");
   });
    $("img").click(function(){
          alert("ate aqui funciona");
   });
});
</script>
   </head>
   <body>
       <div class="container">
       <form method="post" action="cadastro.php?acao=cadalunos" class="form">
           <h1>Cadastro de Aluno</h1>
           <p class="matricula">
           <label for="matricula">Matricula</label>
           <input type="text" name="matricula" value="<?php echo $matricula; ?>">
           </p>
           <p class="cpf">
           <label for="cpf">CPF</label>
           <input type="text" name="cpf" id="cpf">
           </p>
           <p class="rg">
           <label>RG:</label>
           <input type="text" name="rg" id="rg">
           </p>
           <p class="nome">
           <label>Nome</label>
           <input type="text" name="nome">
           </p>
           <p class="nascimento">
           <label>Nascimento:</label>
           <input type="text" name="nascimento" id="data">
           </p>
           <p class="idade">
           <label>Idade:</label>
           <input type="text" name="idade">
           </p>
           <p class="endereco">
           <label>Endereço:</label>
           <input type="text" name="endereco"> <img src="images/refresh.png" alt="Copia Endereço">
           </p>
           <p class="numero">
           <label>Nº</label>
           <input type="text" name="numero">
           </p>
           <p class="complemento">
           <label>Complemento:</label>
           <input type="text" name="complemento">
           </p>
           <p class="bairro">
           <label>Bairro:</label>
           <input type="text" name="bairro">
           </p>
           <p class="cidade">
           <label>Cidade:</label>
           <input type="text" name="cidade">
           </p>
           <p class="uf">
           <label>UF</label>
           <input type="text" name="uf">
           </p>
           <p class="cep">
           <label>CEP:</label>
           <input type="text" name="cep" id="cep">
           </p>
           <p class="telcomercial">
           <label>Tel. Comercial:</label>
           <input type="text" name="telcomercial" id="telcomercial">
           </p>
           <p class="telresidencial">
           <label>Tel. Residêncial:</label>
           <input type="text" name="telresidencial" id="telresidencial">
           </p>
           <p class="celular">
           <label>Celular:</label>
           <input type="text" name="celular" id="celular">
           </p>
           <p class="email">
           <label>Email:</label>
           <input type="text" name="email">
           </p>
           <p class="escola">
           <label>Escola:</label>
           <input type="text" name="escola">
           </p>
           <p class="submit">
           <input type="submit" name="submit" value="Cadastrar">
           </p>
       </form>
       </div>
   </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo André    0

Paulo André
Postado

Poderia fazer algo mais ou menos assim:

 

$(document).ready(function() {
var matricula = "<?php echo $matricula; ?>";
var endereco = "<?php echo $endereco; ?>";

$("#botao_qualquer").click(function(){
	$("#matricula").val(matricula);
	$("#endereco").val(endereco);
});
});

 

Neste caso, você precisaria que os campos tivessem um ID para identificar por exemplo o seletor #matricula.

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Francisco Leal    0

Francisco Leal
Postado

vou tentar e posto o resultado obrigado pela atenção..!

 

Deu certinho, veja que em meu código eu tenho uma imagem ao lado da caixa de texto, por ela que eu atualizo o campo atraves desse código que o Paulo André passou, portanto eu só adicionei la em cima no script

 

 

       var numero = "<?php echo $numero; ?>";
       var endereco = "<?php echo $endereco; ?>";

       $("img").click(function(){
               $("#numero").val(numero);
               $("#endereco").val(endereco);
       });


       e la nos campos adicionei os inputs como Paulo havia me falado

   <input type="text" name="endereco" id="endereco">
   <input type="text" name="numero" id="numero">

 

 

obrigado pela ajuda, eu não sabia que podia passar assim tão simples, variaveis php por js, vlww!!.. qualquer duvida postem ae que eu respondo sobre meu script ae... vlw Paulo André

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito