O Sistema:
Eu tenho um select
com alguns option e sub-options (já explico). Esse select
é gerado pelo php de acordo com as categorias que são cadastradas no banco de dados, ou seja, eu tenho a CATEGORIA 01 mas nessa categoria eu cadastro uma subcategoria, então ela fica como Subcategoria 01, se eu cadastrar nessa subcategoria uma outra subcategoria, ela fica como SubSubcategoria 01 e assim infinitamente.
Na geração do HTML,no select
, todos eles vem como option
(não aninhado um dentro do outro como na UL > LI > UL > LI, etc).
O select fica assim:
<select id="selecao">
<option value="cat1">Eletronicos</option>
<option value="sec1">Informática</option>
<option value="prod1">Monitores</option>
<option value="prod2">Gabinetes</option>
<option value="cat2">CATEGORIA 02</option>
</select>
Eu preciso capturar o value da categoria dos produtos, isto é, se eu clicar no option
Monitores a minha variavel no javascript vai capturar o value da categoria de produtos (São aqueles marcados como cat1 e cat2)
EDIT:
Estrutura do banco de dados:
No banco eu tenho uma tabela que gravas as categorias, cada categoria tem um id, um parent_id e um deptho parent_id diz à qual categoria pai ela está associada e o depth diz qual o nível da categoria
- Eletronico tem parent_id = null e depth = 0
- Informática é subcategoria de Eletronico então tem parent_id = 1 (pq id de Eletronico no banco é 1) e depth = 1
- Monitores é subcategoria da subcategoria Informática e por isso tem parent_id = 10 (porque o id de Informática no banco de dados é 10) e depth = 2
Essa é a ideia de relacionamento das categorias na tabela.
Agradeço a todos que puderem ajudar.
Eu não achei pergunta similar que ajude a resolver esse problema, se você souber de alguma que vai me ajudar, marque aqui. Obrigado