Ir para conteúdo

POWERED BY:

Arquivado

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

fabio.aurelio

Armazenar valor de select para usar em outro Select

Por , em PHP

Recommended Posts

fabio.aurelio    0

fabio.aurelio
Postado

 

Ola, Pessoal!

 

Estou com o codigo abaixo, que esta rodando a consulta normal(para preenchimento do campo cliente no select option)

  

<form method="post"  action="index.php?cms=NovaFatura" enctype="multipart/form-data">
<p>
   <label for="textfield">
   <strong>Cliente:</strong>
   </label>
   <select id="escolhecliente" name="escolhecliente" class="inputbox">
      <option value="">Selecione</option>
      <?php
         $filtrac = mysql_query("SELECT * FROM clientes order by nome ASC");
         while($clientes = mysql_fetch_array($filtrac)){ 
         ?>
      <option value="<?php echo $clientes['id']; ?>" >
         <?php echo $clientes['nome']; ?> - cpf: 
         <?php echo $clientes['cpf']; ?> - 
      </option>
      <?php  } ?>
   </select>
<p>

Minha duvida seria que ao eu escolher o cliente(no select option acima), ele mostre o campo "vencimento" (por exemplo) , que faz parte da mesma tabela..
Tentei usando JS, mas ele simplesmente ignora quando escolho o cliente...ou seja, nao mostra nada..
Voce tem alguma ideia disso?
Vlww

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Julio Cavallari    3

Julio Cavallari
Postado

Da pra fazer isso utilizando jQuery/AJAX

Cole isso acima do fechamento da tag <body> no seu código 

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
  //esconde a tag #vencimento(display:none)
  $("#vencimento).hide();
  //toda vez que eu mudar a opção do select irá executar essa função
  $("#escolhecliente).on("change", function(){
    //pega o id do cliente
  	var idCliente = $(this).val();
  	//executa a requisição
	$.ajax({
      	//arquivo que irá me retornar os dados que quero
    	url:"vencimento.php",
      	//método que irei utilizar
      	method:"POST",
      	//dados que irei passar para o arquivo
      	data:{id:idCliente},
      	//tipo de dados que o arquivo irá me retornar
      	dataType:"HTML",
      	//se tudo ocorreu bem irá executar essa função
      	success: function(data){
          //adicionar os dados recebidos dentro de uma tag qualquer com o id "vencimento"
          $("#vencimento).html(data);
          //troca a propriedade display da tag #vencimento de none para block(mostra ela para o usuário)
          $("#vencimento).show();
        }
    });
  });
</script>

vencimento.php 

if(isset($_POST['id'])){
  $id = $_POST['id'];
  $connect = mysqli_connect("localhost", "root", "", "db_cliente");
  $query = "SELECT vencimento FROM clientes WHERE id = ".$id;
  $exec = mysqli_query($connect, $query);
  $result = mysqli_fetch_array($exec);

  echo $result['vencimento'];

}

Dessa maneira sempre que você trocar o valor no select "cliente" a requisição AJAX irá fazer essa busca na tabela cliente com o id que você selecionou, e irá adicionar o que foi encontrado no SELECT dentro do que você quiser. Nesse exemplo uma tag qualquer com o id "vencimento"

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

fabio.aurelio    0

fabio.aurelio
Postado
11 horas atrás, JulinhoooO disse:

Da pra fazer isso utilizando jQuery/AJAX

Cole isso acima do fechamento da tag <body> no seu código 


<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
  //esconde a tag #vencimento(display:none)
  $("#vencimento).hide();
  //toda vez que eu mudar a opção do select irá executar essa função
  $("#escolhecliente).on("change", function(){
    //pega o id do cliente
  	var idCliente = $(this).val();
  	//executa a requisição
	$.ajax({
      	//arquivo que irá me retornar os dados que quero
    	url:"vencimento.php",
      	//método que irei utilizar
      	method:"POST",
      	//dados que irei passar para o arquivo
      	data:{id:id},
      	//tipo de dados que o arquivo irá me retornar
      	dataType:"HTML",
      	//se tudo ocorreu bem irá executar essa função
      	success: function(data){
          //adicionar os dados recebidos dentro de uma tag qualquer com o id "vencimento"
          $("#vencimento).html(data);
          //troca a propriedade display da tag #vencimento de none para block(mostra ela para o usuário)
          $("#vencimento).show();
        }
    });
  });
</script>

vencimento.php 


if(isset($_POST['id'])){
  $id = $_POST['id'];
  $connect = mysqli_connect("localhost", "root", "", "db_cliente");
  $query = "SELECT vencimento FROM clientes WHERE id = ".$id;
  $exec = mysqli_query($connect, $query);
  $result = mysqli_fetch_array($exec);

  echo $result['vencimento'];

}

Dessa maneira sempre que você trocar o valor no select "cliente" a requisição AJAX irá fazer essa busca na tabela cliente com o id que você selecionou, e irá adicionar o que foi encontrado no SELECT dentro do que você quiser. Nesse exemplo uma tag qualquer com o id "vencimento"

 

 

Opa, Obrigado pela dica,..

No caso, se eu quisesse mostrar na mesma pagina(antes de executar o botao de confirmar do form), seria possivel?


 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Julio Cavallari    3

Julio Cavallari
Postado
6 horas atrás, fabio.aurelio disse:

 

Opa, Obrigado pela dica,..

No caso, se eu quisesse mostrar na mesma pagina(antes de executar o botao de confirmar do form), seria possivel?


 

Ele já executa sem confirmar nada, só de você alterar a opção selecionada no select ele já faz a busca e te retorna o vencimento. Sem nem recarregar a página

Compartilhar este post

Link para o post
Compartilhar em outros sites

fabio.aurelio    0

fabio.aurelio
Postado
3 horas atrás, JulinhoooO disse:

Ele já executa sem confirmar nada, só de você alterar a opção selecionada no select ele já faz a busca e te retorna o vencimento. Sem nem recarregar a página

 

 

Porque eu fiz estas alterações, mas nao aconteceu nada...nao mostrou nenhum dado..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Julio Cavallari    3

Julio Cavallari
Postado

Tente isso

  

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
  //esconde a tag #vencimento(display:none)
  $("#vencimento).hide();
  //toda vez que eu mudar a opção do select irá executar essa função
  $("#escolhecliente).on("change", function(){
    //pega o id do cliente
  	var id = $(this).val();
  	//executa a requisição
	$.ajax({
      	//arquivo que irá me retornar os dados que quero
    	url:"vencimento.php",
      	//método que irei utilizar
      	method:"POST",
      	//dados que irei passar para o arquivo
      	data:{id:id},
      	//tipo de dados que o arquivo irá me retornar
      	dataType:"HTML",
      	//se tudo ocorreu bem irá executar essa função
      	success: function(data){
          //adicionar os dados recebidos dentro de uma tag qualquer com o id "vencimento"
          $("#vencimento).html(data);
          //troca a propriedade display da tag #vencimento de none para block(mostra ela para o usuário)
          $("#vencimento).show();
            console.log(data);
        }
    });
  });
</script>

E veja na aba console no navegador se aparece algo

Compartilhar este post

Link para o post
Compartilhar em outros sites

fabio.aurelio    0

fabio.aurelio
Postado
14 minutos atrás, JulinhoooO disse:

Tente isso

  


<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
  //esconde a tag #vencimento(display:none)
  $("#vencimento).hide();
  //toda vez que eu mudar a opção do select irá executar essa função
  $("#escolhecliente).on("change", function(){
    //pega o id do cliente
  	var id = $(this).val();
  	//executa a requisição
	$.ajax({
      	//arquivo que irá me retornar os dados que quero
    	url:"vencimento.php",
      	//método que irei utilizar
      	method:"POST",
      	//dados que irei passar para o arquivo
      	data:{id:id},
      	//tipo de dados que o arquivo irá me retornar
      	dataType:"HTML",
      	//se tudo ocorreu bem irá executar essa função
      	success: function(data){
          //adicionar os dados recebidos dentro de uma tag qualquer com o id "vencimento"
          $("#vencimento).html(data);
          //troca a propriedade display da tag #vencimento de none para block(mostra ela para o usuário)
          $("#vencimento).show();
            console.log(data);
        }
    });
  });
</script>

E veja na aba console no navegador se aparece algo

 

 

 

Apareceu isso no console.. 

jquery-3.3.1.min.js:2 jQuery.Deferred exception: $(...).editable is not a function TypeError: $(...).editable is not a function
    at HTMLDocument.<anonymous> (http://localhost:8085/admin/index.php?cms=NovaFatura:331:20)
    at l (https://code.jquery.com/jquery-3.3.1.min.js:2:29375)
    at c (https://code.jquery.com/jquery-3.3.1.min.js:2:29677) undefined

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Julio Cavallari    3

Julio Cavallari
Postado

Perdão, acabei me esquecendo de fechar as " em vários lugares, o costume dos editores fechar automaticamente faz isso kkk

  

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
  //esconde a tag #vencimento(display:none)
  $("#vencimento").hide();
  //toda vez que eu mudar a opção do select irá executar essa função
  $("#escolhecliente").on("change", function(){
    //pega o id do cliente
  	var id = $(this).val();
  	//executa a requisição
	$.ajax({
      	//arquivo que irá me retornar os dados que quero
    	url:"vencimento.php",
      	//método que irei utilizar
      	method:"POST",
      	//dados que irei passar para o arquivo
      	data:{id:id},
      	//tipo de dados que o arquivo irá me retornar
      	dataType:"HTML",
      	//se tudo ocorreu bem irá executar essa função
      	success: function(data){
          //adicionar os dados recebidos dentro de uma tag qualquer com o id "vencimento"
          $("#vencimento").html(data);
          //troca a propriedade display da tag #vencimento de none para block(mostra ela para o usuário)
          $("#vencimento").show();
            console.log(data);
        }
    });
  });
</script>

Veja se aparece algum erro no console agora

Compartilhar este post

Link para o post
Compartilhar em outros sites

fabio.aurelio    0

fabio.aurelio
Postado
13 minutos atrás, JulinhoooO disse:

Perdão, acabei me esquecendo de fechar as " em vários lugares, o costume dos editores fechar automaticamente faz isso kkk

  


<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
  //esconde a tag #vencimento(display:none)
  $("#vencimento").hide();
  //toda vez que eu mudar a opção do select irá executar essa função
  $("#escolhecliente").on("change", function(){
    //pega o id do cliente
  	var id = $(this).val();
  	//executa a requisição
	$.ajax({
      	//arquivo que irá me retornar os dados que quero
    	url:"vencimento.php",
      	//método que irei utilizar
      	method:"POST",
      	//dados que irei passar para o arquivo
      	data:{id:id},
      	//tipo de dados que o arquivo irá me retornar
      	dataType:"HTML",
      	//se tudo ocorreu bem irá executar essa função
      	success: function(data){
          //adicionar os dados recebidos dentro de uma tag qualquer com o id "vencimento"
          $("#vencimento").html(data);
          //troca a propriedade display da tag #vencimento de none para block(mostra ela para o usuário)
          $("#vencimento").show();
            console.log(data);
        }
    });
  });
</script>

Veja se aparece algum erro no console agora

 

Apareceu erros, mas nao do jquery. Eu vi que apareceu o resultado no console, olha só...(na tela nao apareceu nada ainda)
telaf.thumb.png.6bdd77358b28c1b2a6b8976a30251f37.png
 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Julio Cavallari    3

Julio Cavallari
Postado
54 minutos atrás, fabio.aurelio disse:

 

Apareceu erros, mas nao do jquery. Eu vi que apareceu o resultado no console, olha só...(na tela nao apareceu nada ainda)
telaf.thumb.png.6bdd77358b28c1b2a6b8976a30251f37.png
 

 

Coloque um div logo abaixo do select 

<form method="post"  action="index.php?cms=NovaFatura" enctype="multipart/form-data">
<p>
   <label for="textfield">
   <strong>Cliente:</strong>
   </label>
   <select id="escolhecliente" name="escolhecliente" class="inputbox">
      <option value="">Selecione</option>
      <?php
         $filtrac = mysql_query("SELECT * FROM clientes order by nome ASC");
         while($clientes = mysql_fetch_array($filtrac)){ 
         ?>
      <option value="<?php echo $clientes['id']; ?>" >
         <?php echo $clientes['nome']; ?> - cpf: 
         <?php echo $clientes['cpf']; ?> - 
      </option>
      <?php  } ?>
   </select>
</p>
<p>
  <div id='vencimento'></div>
</p>

É pra aparecer lá o vecimento se tudo funcionar corretamente

Compartilhar este post

Link para o post
Compartilhar em outros sites

fabio.aurelio    0

fabio.aurelio
Postado
4 horas atrás, JulinhoooO disse:

 

Coloque um div logo abaixo do select 


<form method="post"  action="index.php?cms=NovaFatura" enctype="multipart/form-data">
<p>
   <label for="textfield">
   <strong>Cliente:</strong>
   </label>
   <select id="escolhecliente" name="escolhecliente" class="inputbox">
      <option value="">Selecione</option>
      <?php
         $filtrac = mysql_query("SELECT * FROM clientes order by nome ASC");
         while($clientes = mysql_fetch_array($filtrac)){ 
         ?>
      <option value="<?php echo $clientes['id']; ?>" >
         <?php echo $clientes['nome']; ?> - cpf: 
         <?php echo $clientes['cpf']; ?> - 
      </option>
      <?php  } ?>
   </select>
</p>
<p>
  <div id='vencimento'></div>
</p>

É pra aparecer lá o vecimento se tudo funcionar corretamente

 

Agora apareceu o conteúdo do campo...
Muito obrigado pela ajuda , vou desenvolver o restante do código agora para fazer um outro select..
 

 

Compartilhar este post

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

  • Conteúdo Similar

    • violin101
      PHP+Codeigniter - Dúvida em Relação a Teclas
      Por violin101
      Caros amigos do grupo, saudações e um feliz 2025.
       
      Estou com uma pequena dúvida referente a Teclas de Atalho.

      Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      ou seja:
      se estiver para letra minúscula ====> funciona
      se estiver para letra maiúscula ====> não funciona
       
      Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      o Código está assim:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'r' ) return;// Não é Ctrl+r, portanto interrompemos o script evt.preventDefault(); });  
      Grato,
       
      Cesar
    • ILR master
      Conexão mysql com outro domínio
      Por ILR master
      Fala galera, tudo certo?
       
      Seguinte: No servidor A estou tentando fazer uma consulta com o servidor B, mas está dando erro.
      Estou usando o mesmo código de conexão do servidor B que funciona perfeitamente, mas no servidor A, dá erro.
      Segue código:
       
      $host = 'servidor B';
      $user = 'user';
      $pass = '********';
      $db   = 'banco';
       
      // conexão e seleção do banco de dados
      $conexao = mysqlI_connect($host, $user, $pass, $db);
      mysqlI_set_charset($conexao,"utf8");
      //print "Conexão rodando e OK!"; 
      //mysqlI_close($conexao);
       
      Alguém pode me ajudar?
    • violin101
      Javascript - Calcular Valores Monetário em Tempo Real
      Por violin101
      Caros amigos, saudações.

      Estou com uma dúvida, referente cálculo de valores em tempo real.

      Tenho uma rotina, que faz o cálculo, o problema é mostrar o resultado.

      Quero mostrar o RESULTADO assim: 0,00  ou  0.00

      Abaixo posto o código.
      jQuery('input').on('keyup',function(){ //Remover ponto e trocar a virgula por ponto var m = document.getElementById("pgRest").value; while (m.indexOf(".") >= 0) { m = m.replace(".", ""); } m = m.replace(",","."); //Remover ponto e trocar a virgula por ponto var j = document.getElementById("pgDsct").value; while (j.indexOf(".") >= 0) { j = j.replace(".", ""); } j = j.replace(",","."); m = parseFloat(jQuery('#pgRest').val() != '' ? jQuery('#pgRest').val() : 0); j = parseFloat(jQuery('#pgDsct').val() != '' ? jQuery('#pgDsct').val() : 0); //Mostra o Resultado em Tempo Real jQuery('#pgTroco').val(m - j); <<=== aqui estou errando })  
       
      Grato,
       
      Cesar
       
       
    • violin101
      [Resolvido] JavaScript - Exibir logo dentro da Tabela html
      Por violin101
      Caro amigos, saudações.

      Tenho uma tabela escrita em JS que funciona corretamente.
       
      Minha dúvida:
      - como devo fazer para quando a Tabela HTML estiver vazia, exibir o LOGO da Empresa ?

      Abaixo posto o script:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'i' ) return;// Não é Ctrl+A, portanto interrompemos o script evt.preventDefault(); //Chama a Função Calcular Qtde X Valor Venda calcvda(); var idProdutos = document.getElementById("idProdutos").value; var descricao = document.getElementById("descricao").value; var prd_unid = document.getElementById("prd_unid").value; var estoque_atual = document.getElementById("estoque_atual").value; var qtde = document.getElementById("qtde").value; var vlrunit = document.getElementById("vlrunit").value; var vlrtotals = document.getElementById("vlrtotal").value; var vlrtotal = vlrtotals.toLocaleString('pt-br', {minimumFractionDigits: 2}); if(validarConsumo(estoque_atual)){ //Chama a Modal com Alerta. $("#modal_qtdemaior").modal(); } else { if(qtde == "" || vlrunit == "" || vlrtotal == ""){ //Chama a Modal com Alerta. $("#modal_quantidade").modal(); } else { //Monta a Tabela com os Itens html = "<tr style='font-size:13px;'>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='id_prds[]' value='"+idProdutos+"'>"+idProdutos+"</td>"; html += "<td width='47%' height='10'>"+ "<input type='hidden' name='descricao[]' value='"+descricao+"'>"+descricao+ "<input type='hidden' name='esp[]' value='"+prd_unid+"'> - ESP:"+prd_unid+ "<input type='hidden' name='estoq[]' value='"+estoque_atual+"'></td>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='qtde[]' value='"+qtde+"'>"+qtde+"</td>"; html += "<td width='12%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrunit[]' value='"+vlrunit+"'>"+vlrunit+"</td>"; html += "<td width='14%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrtotal[]' value='"+vlrtotal+"'>"+vlrtotal+"</td>"; html += "<td width='12%' height='10' style='text-align:center;'>"+ "<button type='button' class='btn btn-uvas btn-remove-produto' style='margin-right:1%; padding:1px 3px; font-size:12px;' title='Remover Item da Lista'>"+ "<span class='fa fa-minus' style='font-size:12px;'></span></button></td>"; html += "</tr>"; $("#tbventas tbody").append(html); //Função para Somar os Itens do Lançamento somar(); $("#idProdutos").val(null); $("#descricao").val(null); $("#prd_unid").val(null); $("#qtde").val(null); $("#vlrunit").val(null); $("#vlrtotal").val(null); $("#idProdutos").focus(); //Se INCLUIR NOVO produto - Limpa a Forma de Pagamento $("#pgSoma").val(null); $("#pgRest").val(null); $("#pgDsct").val(null); $("#pgTroco").val(null); $("#tbpagar tbody").empty(); }//Fim do IF-qtde }//Fim do Validar Consumo });//Fim da Função btn-agregar  
      Grato,

      Cesar
       
    • violin101
      PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto
      Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
×

Informação importante

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

  Aceito