Ir para conteúdo

POWERED BY:

Arquivado

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

daniloh4ck3r

Select de categorias

Por , em Javascript

Recommended Posts

daniloh4ck3r    0

daniloh4ck3r
Postado

Olá amigos estou aqui porque gostaria de solucionar uma dúvida minha

a respeito de select.

O negócio é que pretendo desenvolver um projeto com 3 selects:

 

1: SELECT1 => Terá as opções (SOFTWARE), (HARDWARE) e será obrigatório a pessoa

selecionar uma das 2 opções para que apareça o SELECT2 que é este:

2: SELECT2 => No select 2 terá para o valor SOFTWARE do selec1(PROGRAMAS, OFFICE, WINDOWS), e se o usuário optar por HARDWARE no select1 aparecerá no 2 (MONITORES, MOUSE, CPU)gostaria que me apontassem lógica e como integrálo ao PHP/MYSQL. a Todos obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Costumamos fazer isso com AJAX. Ao selecionar um item no <select>1, é disparada uma requisição ao servidor.

 

Lá é feita uma busca com o pârametro enviado pelo value do option selecionado no <select>1, e então é devolvido os dados do <select>2 já filtrado.

 

Implementação com jQuery:

http://forum.imasters.com.br/index.php?/topic/365795-combos-dependentes-ajax-jquery/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shwa    0

Shwa
Postado

bom... se o conteudo do segundo select estiver num banco de dados, tu vai usar ajax no onchange do primeiro select pra buscar os dados server-side e montar o segundo select

se nao, tu vai deixar ele montado ja e uma funçao no onchange do primeiro select troca os options do segundo

 

existe tb a possibilidade de gerar o conteudo do segundo select server-side e deixar escondido - depois tu monta e desmonta ele client-side mesmo com os options ja gerados... a vantagem disso é que nao vai ter ajax e continua sendo dinamico, mas isso nao vai adiantar se o conteudo for grande

 

 

obs: ja usei esse codigo do wb e recomendo :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

daniloh4ck3r    0

daniloh4ck3r
Postado

bom... se o conteudo do segundo select estiver num banco de dados, tu vai usar ajax no onchange do primeiro select pra buscar os dados server-side e montar o segundo select

se nao, tu vai deixar ele montado ja e uma funçao no onchange do primeiro select troca os options do segundo

 

existe tb a possibilidade de gerar o conteudo do segundo select server-side e deixar escondido - depois tu monta e desmonta ele client-side mesmo com os options ja gerados... a vantagem disso é que nao vai ter ajax e continua sendo dinamico, mas isso nao vai adiantar se o conteudo for grande

 

Não são apenas 2 itens no primeiro select (HARDWARE, SOFTWARE) e 3(itens)no 2º SELECT dependo do primeiro. Minha dúvida é como obrigar a pessoa escolher uma categoria no primeiro e daí fazer aparecer o 2º e ela também escolher uma categoria lá e enviar esses dados para o BANCO de Dados

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shwa    0

Shwa
Postado

tu pode deixar o segundo select sem options, com options vazias ou até mesmo esconder ele até o cara escolher alguma coisa

 

basta dar 

display: none;
no css pra esconder, e a escolha do item no primeiro select vai disparar um 
display: block;
no segundo

Compartilhar este post

Link para o post
Compartilhar em outros sites

daniloh4ck3r    0

daniloh4ck3r
Postado

 

bom... se o conteudo do segundo select estiver num banco de dados, tu vai usar ajax no onchange do primeiro select pra buscar os dados server-side e montar o segundo select

se nao, tu vai deixar ele montado ja e uma funçao no onchange do primeiro select troca os options do segundo

 

existe tb a possibilidade de gerar o conteudo do segundo select server-side e deixar escondido - depois tu monta e desmonta ele client-side mesmo com os options ja gerados... a vantagem disso é que nao vai ter ajax e continua sendo dinamico, mas isso nao vai adiantar se o conteudo for grande

 

Não são apenas 2 itens no primeiro select (HARDWARE, SOFTWARE) e 3(itens)no 2º SELECT dependo do primeiro. Minha dúvida é como obrigar a pessoa escolher uma categoria no primeiro e daí fazer aparecer o 2º e ela também escolher uma categoria lá e enviar esses dados para o BANCO de Dados

 

<html>

<body>
<select name="categoria">
<option value="hardware">HARDWARE</option>
<option value="software">SOFTWARE</option>
</select>

Quando a pessoa escolheu uma categoria ali em cima no 1º SELECT ele ativa o outro até então ficava escondido

<select name="Software">
<option value="windows">WINDOWS</option>
<option value="programas">PROGRAMAS</option>
</select>
<select name="HARDWARE">
<option value="MOUSE">MOUSE</option>
<option value="TECLADO">TECLADO</option>
</select>

</body>

Se ele optar por SOFTWARE abre o SELECT das opções que contém o SOFTWARE se ele optar por Hardware abre as opções do hardware é isso que quero e acho que é javascript

</html>

Compartilhar este post

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

Informação importante

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

  Aceito