Ir para conteúdo

POWERED BY:

Arquivado

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

  • 0
reaprod

preciso criar 3 selects com ligação entre eles

Perguntado por reaprod

Pergunta

reaprod    1

reaprod
Postado

Pessoal, será que alguém pode me dar uma força ai?

To precisando fazer 3 campos de seleção no cadastro, mas cada campo tem que buscar o dados de outro...

exemplo: 

---

- primeiro campo

moto

carro

outros

---

-segundo campo

as marcas de cada um do primeiro

---

--terceiro campo

os nomes dos veiculos de cada marca

 

.... não precisa ser dinamico com banco de dados, pode ser através de variaveis em javascript

Compartilhar este post

Link para o post
Compartilhar em outros sites

13 respostas a esta questão

Recommended Posts

reaprod    1

reaprod
Postado
10 minutos atrás, Rapadura disse:

Saudações

 

reaprod

 

Se esta com muitas dúvidas pesquise por (PHP,  linguagem usadas em servidores),  (mysql para banco de dados) e

(forms para formularios)

caso queira uma janela bem bonita pesquise por janela modal 

Espero ter ajudado.

:thumbsup:

Eu não manjo muito de javascript... preciso de um formulario com selects... mas ao selecionar o primeiro ele carrega os dados correspondente a ele no segundo e ao selecionar o segundo ele tambem carregue os dados referente a ele... achei um na internet... mas ele só funciona já com o banco de dodos... preciso de algo pra cadastrar ainda no banco...

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wesley Santos    28

Wesley Santos
Postado

Amigo, como você disse que não tem muito conhecimento nas linguagem web, montei apenas um exemplo bem básico de como fazer oque precisa, existe outras forma de fazer oque precisa, mas esse é só um exemplo bem cru. 

https://jsfiddle.net/wessleysanttos/pkyufhp5/

 

Não se esqueça de chamar o jQuery no seu código fonte.

https://code.jquery.com/

 

E como o amigo acima citou, procure estudar mais sobre as linguagens, aproveita esse exemplo meio cru e pesquise sobre os comando que não entendeu ou pode perguntar aqui mesmo. 

Compartilhar este post

Link para o post
Compartilhar em outros sites

reaprod    1

reaprod
Postado
23 horas atrás, wessleysanttos disse:

Amigo, como você disse que não tem muito conhecimento nas linguagem web, montei apenas um exemplo bem básico de como fazer oque precisa, existe outras forma de fazer oque precisa, mas esse é só um exemplo bem cru. 

https://jsfiddle.net/wessleysanttos/pkyufhp5/

 

Não se esqueça de chamar o jQuery no seu código fonte.

https://code.jquery.com/

 

E como o amigo acima citou, procure estudar mais sobre as linguagens, aproveita esse exemplo meio cru e pesquise sobre os comando que não entendeu ou pode perguntar aqui mesmo. 

Nossa que show... mas ai que vem o proplema precisava que tivesse mais um campo... nesse seu exemplo você colocou tipo-veiculo e marca-veiculo... eu preciso que tenha mais um campo interligado a esses ai.. tipo nome do veiculo... entendeu... e vou sim seguir seu concelho sobre estudar... seu o basico mesmo de php e mysql... de java muiiito pouco mesmo

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wesley Santos    28

Wesley Santos
Postado

Entendi, mas a logica do que foi feito você conseguiu pegar? Mesmo não conhecendo a linguagem?

Olha como ficou dessa forma:

https://jsfiddle.net/wessleysanttos/142vLhpr/

 

Ali no /* Faz a condição do segundo select */ você trata as condições e faz oque quiser com o dado que o usuário escolheu, se quiser colocar em um input, em uma tag, etc.. 

Compartilhar este post

Link para o post
Compartilhar em outros sites

reaprod    1

reaprod
Postado

é assim.. tudo com select interligados

no primeiro campo

 

tipo-veiculo >  Moto, Carro

 

no segundo campo

 

marca-veiculo > Fiat, Chevrolett

 

no terceiro campo

 

nome veiculo > Gol, Palio, Santana

 

mas ligados... quando escolher carro... abre o segundo... quando escolher fiat abre os nomes que esta na aba fiat

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wesley Santos    28

Wesley Santos
Postado

Certo, olha para oque você precisa a base do código é essa:

https://jsfiddle.net/wessleysanttos/vmbzuh01/

 

Agora você precisa cadastrar todas as possibilidades, por exemplo no primeiro select que esta no HTML, cadastre todos os tipos de veículos, ai no JAVASCRIPT no trecho $("#tipo-veiculo").change(function(){... nos IF você trata todas as condições e possibilidades que vai aparecer no próximo select, ai no trecho $("#marca-veiculos").change(function(){... mesma coisa, coloca todas as possibilidades, existe algumas forma de tornar esse código mais limpo, por exemplo com um array de marca e nome dos veículos, mas como tu disse que é iniciante tratar esses conceitos só iria te deixar confuso, então creio que a base do que precisa é isso ai, qualquer dúvida só postar e bons estudos. 

Compartilhar este post

Link para o post
Compartilhar em outros sites

reaprod    1

reaprod
Postado
1 hora atrás, wessleysanttos disse:

Certo, olha para oque você precisa a base do código é essa:

https://jsfiddle.net/wessleysanttos/vmbzuh01/

 

Agora você precisa cadastrar todas as possibilidades, por exemplo no primeiro select que esta no HTML, cadastre todos os tipos de veículos, ai no JAVASCRIPT no trecho $("#tipo-veiculo").change(function(){... nos IF você trata todas as condições e possibilidades que vai aparecer no próximo select, ai no trecho $("#marca-veiculos").change(function(){... mesma coisa, coloca todas as possibilidades, existe algumas forma de tornar esse código mais limpo, por exemplo com um array de marca e nome dos veículos, mas como tu disse que é iniciante tratar esses conceitos só iria te deixar confuso, então creio que a base do que precisa é isso ai, qualquer dúvida só postar e bons estudos. 

 

2 horas atrás, wessleysanttos disse:

Certo, olha para oque você precisa a base do código é essa:

https://jsfiddle.net/wessleysanttos/vmbzuh01/

 

Agora você precisa cadastrar todas as possibilidades, por exemplo no primeiro select que esta no HTML, cadastre todos os tipos de veículos, ai no JAVASCRIPT no trecho $("#tipo-veiculo").change(function(){... nos IF você trata todas as condições e possibilidades que vai aparecer no próximo select, ai no trecho $("#marca-veiculos").change(function(){... mesma coisa, coloca todas as possibilidades, existe algumas forma de tornar esse código mais limpo, por exemplo com um array de marca e nome dos veículos, mas como tu disse que é iniciante tratar esses conceitos só iria te deixar confuso, então creio que a base do que precisa é isso ai, qualquer dúvida só postar e bons estudos. 

wessleysanttos

Deu tudo certo e esta cadastrando perfeito no banco de dados... 

Gostaria de saber uma coisa... se eu usar o mesmo sistema pra fazer uma busca avançada, como pegaria o valor de cada campo?... se quiser te mando o codigo que fiz... mas não busca nada..

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wesley Santos    28

Wesley Santos
Postado

No PHP, só colocar o conteúdo do HTML dentro do form com o action, method.. 

Ai no PHP você chama pelo name que definiu no HTML.

http://php.net/manual/pt_BR/language.variables.external.php

 

HTML: 

<form action="sua_pagina.php" method="post">
 <label>Selecione o tipo de veiculo</label>
 <select id="tipo-veiculo" name="tipo-veiculo">
  <option>Selecione</option>
  <option>Moto</option>
  <option>Carro</option>
</select>
<br><br>
<select id="marca-veiculos" name="marca-veiculo">
</select>
<br><br>
<select id="nome-veiculos" name="nome-veiculo">
</select>
</form>

no PHP: 

<?php
$tipo_veiculo = $_POST['tipo-veiculo'];
...

?>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para lista de Perguntas Perguntas e respostas rápidas

  • Conteúdo Similar

    • 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
      Javascript - Passar Parâmetros para uma Função.
      Por violin101
      Caros amigos, saudações.

      Estou com uma pequena dúvida se é possível ser realizado.

      Preciso passar 2 IDs para o Sistema executar a função, estou utilizando desta forma e gostaria de saber como faço via JS para passar os parâmetro que preciso.

      Observação:
      Dentro da TABELA utilizei 2 Forms, para passar os IDS que preciso, funcionou conforme código abaixo.
      <div class="card-body"> <table id="tab_clie" class="table table-bordered table-hover"> <thead> <tr> <th style="text-align:center; width:10%;">Pedido Nº</th> <th style="text-align:center; width:10%;">Data Pedido</th> <th style="text-align:center; width:32%;">Fornecedor</th> <th style="text-align:center; width:10%;">Status</th> <th style="text-align:center; width:5%;">Ação</th> </tr> </thead> <tbody> <?php foreach ($results as $r) { $dta_ped = date(('d/m/Y'), strtotime($r->dataPedido)); switch ($r->pd_status) { case '1': $status = '&nbsp;&nbsp;Aberto&nbsp;&nbsp;'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#000000'; //Cor: Preta break; case '2': $status = 'Atendido Total'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#086108'; //Cor: Verde break; case '3': $status = 'Atendido Parcial'; $txt = '#000000'; //Cor: Branco $cor = '#FEA118'; //Cor: Amarelo break; default: $status = 'Cancelado'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#D20101'; //Cor: Vermelho break; } echo '<tr>'; echo '<td width="10%" height="10" style="text-align:center;">'.$r->pd_numero.'</td>'; echo '<td width="10%" height="10" style="text-align:center;">'.$dta_ped.'</td>'; echo '<td width="32%" height="10" style="text-align:left;">'.$r->nome.'</td>'; echo '<td width="10%" height="10" style="text-align:left;"><span class="badge" style="color:'.$txt.'; background-color:'.$cor.'; border-color:'.$cor.'">'.$status.'</span></td>'; echo '<td width="5%" style="text-align:center;">'; ?> <div class="row"> <?php if($this->permission->checkPermission($this->session->userdata('permissao'), 'vPedido')){ ?> <form action="<?= base_url() ?>compras/pedidos/visualizar" method="POST" > <input type="hidden" name="idPedido" value="<?php echo $r->idPedidos; ?>"> <input type="hidden" name="nrPedido" value="<?php echo $r->pd_numero; ?>"> <button class="btn btn-warning" title="Visualizar" style="margin-left:50%; padding: 1px 3px;"><i class="fa fa-search icon-white"></i></button> </form> <?php } if($this->permission->checkPermission($this->session->userdata('permissao'), 'ePedido')){ ?> <form action="<?= base_url() ?>compras/pedidos/editar" method="POST" > <input type="hidden" name="idPedido" value="<?php echo $r->idPedidos; ?>"> <input type="hidden" name="nrPedido" value="<?php echo $r->pd_numero; ?>"> <button class="btn btn-primary" title="Editar" style="margin-left:50%; padding: 1px 3px;"><i class="fa fa-edit icon-white"></i></button> </form> <?php } ?> </div> <?php echo '</td>'; echo '</tr>'; } ?> </tbody> </table> </div>
      Grato,

      Cesar.
    • belann
      editor quill configuração
      Por belann
      Olá!
       
      Estou usando o editor quill em uma página html, sem fazer a instalação com npm, mas usando as api´s via internet com http, no entanto não consigo fazer a tecla enter funcionar para mudança de linha, tentei essa configuração abaixo, mas não funcionou.
       
      modules: {       syntax: true,       toolbar: '#toolbar-container',       keyboard: {         bindings: {           enter: {             key: 13,             handler: function(range, context) {                       quill.formatLine(range.index, range.length, { 'align': '' });             }           }  
       
    • violin101
      JAVASCRIPT - Comparar Data Digitada com Data Atual
      Por violin101
      Caros amigos, saudações.
       
      Gostaria de poder tirar uma dúvida com os amigos.
       
      Como faço uma função para Comparar a Data Digitada pelo o Usuário com a Data Atual ?

      Data Digitada:  01/09/2024
       
      Exemplo:
      25/09/2024 é menor que DATA Atual  ====> mensagem: informe uma data válida.
      25/09/2024 é igual DATA Atual ===> o sistema libera os INPUT's.
       
      Como faço uma comparação com a Data Atual, para não Deixar Gravar Data retroativa a data Atual.
       
      Grato,
       
      Cesar
×

Informação importante

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

  Aceito