javascript preciso criar 3 selects com ligação entre eles

[reaprod 1]

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

[reaprod 1]

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.

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

 

[Wesley Santos 28]

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. 

[reaprod 1]

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

 

[reaprod 1]

Pode me ajudar nesse formulario?

[Wesley Santos 28]

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

[reaprod 1]

é 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

[Wesley Santos 28]

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. 

[reaprod 1]

Cara é isso mesmo... obrigado de coração... vou estudar sim... 

[reaprod 1]

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

 

 

[Wesley Santos 28]

Você quer pegar esses valores onde? no PHP ou JS?

[reaprod 1]

11 minutos atrás, wessleysanttos disse:

Você quer pegar esses valores onde? no PHP ou JS?

pode ser em php mesmo

[Wesley Santos 28]

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'];
...

?>

 

[josenilson 4]

Muito bom o tópico, estava precisando de algo desse tipo, mas no meu caso preciso listar  vindo do banco de dados .