Ir para conteúdo

Arquivado

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

  • 0
reaprod

preciso criar 3 selects com ligação entre eles

Pergunta

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

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

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
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

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

é 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

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
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

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

  • Conteúdo Similar

    • Por ILR master
      Fala pessoal, tudo bem?
       
      Tô tentando fazer um pre-loading, mas não consigo de jeito algum.
      Quero mostrar uma animação enquanto a página é carregada e depois de caregada, esconder a animação e mostrar conteúdo.
       
      Aguém pode me ajudar?
       
      Segue código abaixo
       
       
      <!DOCTYPE html>
      <html lang="pt-br">
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />  
          <title>PÁGINA LOAD</title>

      <style type="text/css">
      .loadclass {
          border: 2px solid #f3f3f3; /* Light grey */
          border-top: 4px solid #ffc401; /* Blue */
          border-radius: 50%;
          width: 50px;
          height: 50px;
          animation: spin 2s linear infinite;
      }
      @keyframes spin {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
      }
      .conteudo {
          display:none;
      }
      </style>
      <script>
          function loading(){
              document.getElementsByClassName('loadclass')[0].style.display="none";
              document.getElementsByClassName('conteudo').style.display="block";
          }
      </script>
      </head>
      <body onLoad="loading()">
      <div class="loadclass"></div>
      <div class="conteudo">SEU CONTEUDO AQUI DENTRO!!!</div>
      </body>
      </html>
    • Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

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