Select Dinâmico a partir de Outro Select

[Elisame Araújo 0]

Bom dia,

 

Estou montando um site de clã de jogos online (especificamente de Battlefield), e neste momento estou desenvolvendo o painel de administração do site, mas me deparei com uma dúvida que não consigo encontrar uma situação na internet que se aplique ao que eu preciso.

 

A situação é a seguinte:

 

Eu tenho um módulo onde o administrador vai adicionar um mapa, um tamanho de jogo e um modo para a rotação do servidor do clã, a exemplo desse pop-up:

 

A lista de mapas vem do BD.

 

O que eu preciso é que o segundo e o terceiro <select> sejam preenchidos baseados na seleção do primeiro. Onde, a exemplo:

 

Seleção de Mapa: Ilhas Lofoten

Opções Disponíveis a partir do 1º Select: 16 e 32 Jogadores

Opções Disponíveis a partir do 1º e 2º Select: Dominação, TDM, etc.

 

Para ficar mais simplificado: Seleção 1 > Opções A Partir de Seleção 1 > Opções A partir de Seleção 1 e 2

 

Infelizmente eu ainda não tenho conhecimento em JavaScript ou JQuery ou JSON - ainda estou para aprender -, e não consigo encontrar uma resposta simplificada para isso

 

Como eu poderia fazer isso da maneira mais simples ou didática?

 

[Omar~ 87]

Isto é algo bem simples porém, como proceder depende dos dados.

E sim terá que usar JSON (para transferir o array do PHP) e javascript (para interação do usuário).

 

O primeiro seletor seleciona um índice do array de retorno do banco, para que os outros dois sejam modificados. Aí que entra as questões:

14 horas atrás, Elisame Araújo disse:

16 e 32 Jogadores

Isso é uma array que vai de 26 a 32 ou é só uma string?

14 horas atrás, Elisame Araújo disse:

Dominação, TDM, etc

Isso é um array ou é só uma string?

 

Veja:

var dados = JSON.parse('<?= json_encode($resultado_da_query) ?>');
console.log(dados);

Então terás o array executado no PHP disponível no javascript, então basta percorrer esse array no javascript usando um protótipo forEach, comparar o valor do seletor primário com algum índice desse array  então criar as opções com a função createElement com os valores que desejar, que por sua vez são inseridas nos outros seletores.

 

 

Se puder der um var_dump no resultado de sua query e poste o resultado do array para poder te ajudar.

Se possível parte do código usado (Não precisa de tudo)

Apenas a parte HTML do seletor primário e a linha que executa a query.