Ir para conteúdo

POWERED BY:

Arquivado

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

Rogério de Sá Junior

Mudar um select baseado na seleção de outro select (puxando as informa

Recommended Posts

Olá pessoal, tudo bom?

Estou com o seguinte problema:

Em um formulário, eu preciso fazer a seleção de um FABRICANTE, e de acordo com essa seleção, ele mostrar os PRODUTOS vinculados a esse fabricante apenas.

Eu tenho as seguinte tabela onde eu cadastro o FABRICANTE:

FABRICANTES:
id_fabricante | nome_fabricante
     1        |     CANON

E tenho a tabela CÂMERAS, onde eu faço a vinculação do FABRICANTE ao modelo da câmera

CAMERAS:
id_camera | fabricantes_id_fabricante (chave estrangeira) | modelo_camera
1         |            CANON                              |   5D MARK II

Agora que entra a parte complicada hehe, eu criei o form onde ele puxa com PHP no banco de dados os fabricantes cadastrados:

<?php
$fabricantes = listaFabricantes($conexao);?>

...
<tr>
<td>Fabricante:</td>
<td>
<select name="fabricantes_id_fabricante" id="fabricantes_id_fabricante" class="form-control">
<?php foreach($fabricantes as $fabricante) :?>
<option value="<?=$fabricante['id_fabricante']?>">
<?=$fabricante['nome_fabricante']?></br></option> 
<?php endforeach?>
</td> 


</tr>
... 

E depois criei o form que lista as câmeras:

<tr>
<td>Linha de Câmera:</td>
<td>
<select name="cameras_linhas_id_camera_linha" id="cameras_linhas_id_camera_linha" class="form-control">
<?php foreach($cameras_linhas as $camera_linha) :?>
<option value="<?=$camera_linha['id_camera_linha']?>">
<?=$camera_linha['nome_linha_camera']?></br></option> 
<?php endforeach?>
</td> 
</tr>

Só que o que eu quero fazer agora é quando eu selecionar o fabricante CANON ele só apareça as câmeras que tem o relacionamento com esse fabricante, e não que liste todas as câmeras.

O mais próximo que eu consegui fazer isso, foi utilizando o Jquery da seguinte maneira:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>‌​
<script>
$('#fabricantes_id_fabricante').change(function(){
   selection = $(this).val();    
   switch(selection)
   { 
       case '1':
           $('#cameras_linhas_id_camera_linha').show();
           break;
       default:
           $('#cameras_linhas_id_camera_linha').hide();
           break;
   }
});
</script>

Mas nesse caso acima, só funciona caso as opções dos SELECTS sejam criados no form html e não buscando do banco de dados a ligação.

Sei que está um pouco extenso, mas alguém poderia ajudar com uma ideia de como poderia fazer essa consulta do Jquery no bd para retornar os resultados ou alguma outra luz?

Seria algo parecido com o que fazem de Estado x Cidade, onde clica em determinado estado e só aparecem as respectivas cidades, e essas informações serem buscadas de um banco de dados. Já estou a alguns dias quebrando a cabeça, por isso recorri aqui.

Desde já agradeço.

Valeu, grande abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pra que fazer dois selects?!

Da pra fazer em 1 só.

Se liga haha:

https://github.com/gabrieldarezzo/desafiosInternos/tree/master/select

Compartilhar este post


Link para o post
Compartilhar em outros sites

Meu brother beleza contigo? Tenho uma dúvida essa parte de incluir os dois combobox eu consigo e tal. Mas depois eu necessito que fosse chamado uma descrição. Por exemplo>

 

Combobox a O estado depois ao escolher a cidade fosse aparecer uma descrição.:

 

ACRE - RIO BRANCO E AO ESCOLHER RIO BRANCO FOSSE APARECER NA TERCEIRA OPÇÃO. Sem ser um combobox.

 

Loja fulado de tal

rua imasters, número,  cep, bairro.

email

telefone como se fosse uma descrição. Isso seria no caso um method post? Confesso que o meu forte não é javascript. Se tiver como me dá um help nisso. 

Vi aqui um exemplo> No caso do site abaixo ele chama os combobox é claro que tem um php ali. Mas ele volta com o dado da loja. No caso é essa terceira opção que estou com dificuldade, em criar. 

http://morenarosagroup.com/ondecomprar/mor/

 

Att.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de tirar uma dúvida com os amigos, referente a PDV.
       
      Estou escrevendo um Sistema com Ponto de Vendas, a minha dúvida é o seguinte, referente ao procedimento mais correto.

      Conforme o caixa vai efetuando a venda, o Sistema de PDV já realiza:
      a baixa direto dos produtos no estoque
      ou
      somente após concretizar a venda o sistema baixa os produtos do estoque ?
       
      Grato,
       
      Cesar
       
    • 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
    • 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?
    • 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
       
       
    • 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
       
×

Informação importante

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