Ir para conteúdo

Arquivado

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

lucas70770

Ao clicar no botao enviar seu valor ao input com Jquery

Recommended Posts

Ola, tenho uma lista de Clientes onde esta no Banco de dados, e com PHP eu enciro cada cliente em um Option e quando selecionado o OPTION quero que os valores do respectivo Cliente preencha o meu formulario que aparese após clicar uma das opções do select. O objetivo é fazer isso sem dar refresh na pagina.

 

Ex: MySql. id="4", nome="Lucas", sobrenome="Santos", idade="28".

Option. (<option name="Lucas" value="4">Lucas</option>).

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu respondi um outro post seu, que não havia intendido muito bem agora eu intendi, para fazer esse tipo de solução você pode usar Ajax para fazer isso.

 

Veja um exemplo utilizando Jquery:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste ajax jquery tutsmais</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </script>
<script>
$(function(){
    $('input[type=submit]').click(function(){
 
    $.ajax({
            type      : 'post',
 
            url       : 'teste.php',
 
            data      : 'nome='+ $('#campo1').val() +'&sobrenome='+ $('#campo2').val(),
 
            dataType  : 'html',
 
            success : function(txt){
                    $('body p').html(txt);
                }
        });
 
        });
    });
</script>
</head>
 
<body>
 
 <h2>form via ajax</h2>
    Digite seu nome:</label> <input type="text" id="campo1" /><br />
    Digite seu sobrenome:</label> <input type="text" id="campo2" /><br />
 
    <input type="submit" /><br />
<p></p>
</body>
</html>

Ao inves de capturar os inputs vc captura o valor do option do seu select e envia um ID para seu PHP pegar os dados em seguida faça ele retornar os dados do cliente e inseria em seus inputs.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado eu enviei dois artigos porque o primeiro tinha dado erro e eu pensei que nao avia siado enviado, ai depois que fiz o segundo eu que tinha dois posts kkk... Muito obrigado, to indo testar o seu codigo...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Coloque aqui como ficou seu código para eu analisar o que pode ta errado, eu tenho Skype mas aqui na empresa ta meio osso de utilizar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

kk OK, o codigo não foi auterado...Ele esta o mesmo que você passo, eu só copiei e colei.

Compartilhar este post


Link para o post
Compartilhar em outros sites

kk OK, o codigo não foi auterado...Ele esta o mesmo que você passo, eu só copiei e colei.

 

Neste caso não iria funcionar mesmo pois é apenas um exemplo, você tem que entender a lógica e aplicar com base no seu código, vou explicar o que você deve adaptar.

 

linha 14: url : 'teste.php'

Mude para o seu arquivo php

 

linha 16: data : 'nome='+ $('#campo1').val() +'&sobrenome='+ $('#campo2').val(),

No data você vai colocar assim 'id='+$("#ID_DO_SEU_SELECT").val(),

 

Ficou claro oque você tem que mudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ok, eu posso ussar o php na pagina teste.php para puchar o POST ($post = isset($_POST['nome'])?$_POST['nome']:'---';)?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ei agora que deu certo percebi augo, ele faz o que eu ja sei fazer, o que eu quero é que no caso ele substitua o value do p(depois eu adapto para o option) com o valor incerido no input.

Compartilhar este post


Link para o post
Compartilhar em outros sites

[RESOULVIDO]

 

o codigo pra quem quiser....

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste ajax jquery tutsmais</title>
<script src="jquery.js"> </script>
<script>
$(function(){
$("#valores").click(function(){
$.ajax({
type : 'post',
url : 'teste.php',
data : 'nome='+ $("#valores").val(),
dataType : 'html',
success : function(txt){
$('body p').attr("value", txt);
}
});
});
});
</script>
</head>
<body>
<h2>form via ajax</h2>
<select id="valores">
<option name="campo" value="111">1</option>
<option name="campo" value="222">2</option>
<option name="campo" value="333">3</option>
</select>
<p value=""></p>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Fala galera.
      Espero que todos estejam bem.
      Seguinte: Tenho um arquivo xml onde alguns campos estão com : (dois pontos), como o exemplo abaixo:
       
      <item>
      <title>
      d sa dsad sad sadasdas
      </title>
      <link>
      dsadas dsa sad asd as dsada
      </link>
      <pubDate>sadasdasdsa as</pubDate>
      <dc:creator>
      d sad sad sa ad as das
      </dc:creator>
      </item>
       
      Meu código:
       
      $link = "noticias.xml"; 
      $xml = simplexml_load_file($link); 
      foreach($xml -> channel as $ite) {     
           $titulo = $ite -> item->title;
           $urltitulo = $ite -> item->link;
           print $urltitulo = $ite -> item->dc:creator;
      } //fim do foreach
      ?>
       
      Esse campo dc:creator eu não consigo ler. Como faço?
       
      Agradeço quem puder me ajudar.
       
      Abs
       
       
    • Por First
      Olá a todos!
       
      Eu estou criando um sistema do zero mas estou encontnrando algumas dificuldades e não estou sabendo resolver, então vim recorrer ajuda de vocês.
      Aqui está todo o meu código: https://github.com/PauloJagata/aprendizado/
       
      Eu fiz um sistema de rotas mas só mostra o conteúdo da '/' não sei porque, quando eu tento acessar o register nada muda.
      E eu também quero que se não estiver liberado na rota mostra o erro de 404, mas quando eu tento acessar um link inválido, nada acontece.
      Alguém pode me ajudar com isso? E se tiver algumas sugestão para melhoria do código também estou aceitando.
       
       
      Desde já, obrigado.
    • Por landerbadi
      Olá pessoal, boa tarde
       
      Tenho uma tabela chamada "produtos" com os seguintes campos (id, produto) e outra tabela chamada "itens" com os seguintes campos (id, prod_01, prod_02, prod_03, prod_04).
       
      Na tabela produtos eu tenho cadastrado os seguintes produtos: laranja, maçã, uva, goiaba, arroz, feijão, macarrão, etc.
       
      Na tabela itens eu tenho cadastrado os itens da seguinte maneira:
       
      1, laranja, uva, arroz, feijão;
      2, maçã, macarrão, goiaba, uva;
      3, arroz, feijão, maçã, azeite
       
      Meu problema é o seguinte: 
      Eu escolho um produto da tabela "produtos", por exemplo "uva".  Preciso fazer uma consulta na tabela "itens" para ser listado todos os registros que contenham o produto "uva" e que todos os demais produtos estejam cadastrados na tabela "produtos".
       
      No exemplo acima seria listado apenas dois registros, pois o terceiro registro não contém o produto "uva". 
       
      Alguém pode me ajudar? Pois estou quebrando a cabeça a vários dias e não consigo achar uma solução.
×

Informação importante

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