Skip to main content
adicionou 13 caracteres ao conteúdo
Fonte Link
Florida
  • 2,7mil
  • 8
  • 39
  • 69

Tenho um fórum com um campo select que possui muitas opções para selecionar, gostaria de dividir essas opções por área do fórum em dois select.

Todas as áreas e sub-áreas ficam em um único select.

Exemplo:

<div class="blockrow">
                <label for="destforumid">Fórum de Destino:</label>
                <select id="destforumid" name="destforumid" class="primary" tabindex="1">
    <option value="5" class="d0">Feedback<class="d0">Feedback (Categoria)</option>
    <option value="23" class="d0">Fórum de Estudos (Categoria)</option>
    <option value="7" class="d1">&nbsp; &nbsp; Anúncios e Enquetes</option>
    <option value="19" class="d1">&nbsp; &nbsp; Fale Conosco (Link)</option>

    <option value="10" class="d0">Designs (Categoria)</option>
    <option value="14" class="d2">&nbsp; &nbsp; &nbsp; &nbsp; Pedidos</option>
    <option value="29" class="d3">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Atendidos (Sem Postagem)</option>
</select>

Pelo que pude ver, d0 é a cátegoria, não é fórum. d1 é um fórum do d0 acima e quando houver um d2 abaixo do d2, é um sub-fórum, ou seja, um fórum dentro do fórum d1 que está na categoria d0.

Se houver dois d2, quer dizer que existem 2 fóruns nessa categoria, bem simples de entender. no caso de um d3 depois de um d2, quer dizer que o d2 anterior que é um fórum, vai ter um outro fórum dentro, que é o d3. E assim por diante, podendo haver vários d1, d2, d3, d4...

As categorias são divididas a cada novo d0.

Gostaria de obter todos esses valores com js, onde no primeiro, atual select eu selecionaria apenas as categorias que desejo, e no segundo eu selecionaria o subfórum dessa categoria selecionada que desejo.

Todos os select tem um dado, o value, são eles que identificam o local selecionado.

O segundo select teria que ter os dados id="destforumid" name="destforumid" class="primary" tabindex="1" pois sem isso talvez não funcionasse.

Como eu poderia fazer com que o javascript capturasse automaticamente esses dados do select e organizassem da forma descrita acima em 2 select para que não ficasse uma lista enorme?

Tenho um fórum com um campo select que possui muitas opções para selecionar, gostaria de dividir essas opções por área do fórum em dois select.

Todas as áreas e sub-áreas ficam em um único select.

Exemplo:

<div class="blockrow">
                <label for="destforumid">Fórum de Destino:</label>
                <select id="destforumid" name="destforumid" class="primary" tabindex="1">
    <option value="5" class="d0">Feedback</option>
    <option value="23" class="d0">Fórum de Estudos(Categoria)</option>
    <option value="7" class="d1">&nbsp; &nbsp; Anúncios e Enquetes</option>
    <option value="19" class="d1">&nbsp; &nbsp; Fale Conosco (Link)</option>

    <option value="10" class="d0">Designs (Categoria)</option>
    <option value="14" class="d2">&nbsp; &nbsp; &nbsp; &nbsp; Pedidos</option>
    <option value="29" class="d3">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Atendidos (Sem Postagem)</option>
</select>

Pelo que pude ver, d0 é a cátegoria, não é fórum. d1 é um fórum do d0 acima e quando houver um d2 abaixo do d2, é um sub-fórum, ou seja, um fórum dentro do fórum d1 que está na categoria d0.

Se houver dois d2, quer dizer que existem 2 fóruns nessa categoria, bem simples de entender. no caso de um d3 depois de um d2, quer dizer que o d2 anterior que é um fórum, vai ter um outro fórum dentro, que é o d3. E assim por diante, podendo haver vários d1, d2, d3, d4...

As categorias são divididas a cada novo d0.

Gostaria de obter todos esses valores com js, onde no primeiro, atual select eu selecionaria apenas as categorias que desejo, e no segundo eu selecionaria o subfórum dessa categoria selecionada que desejo.

Todos os select tem um dado, o value, são eles que identificam o local selecionado.

O segundo select teria que ter os dados id="destforumid" name="destforumid" class="primary" tabindex="1" pois sem isso talvez não funcionasse.

Como eu poderia fazer com que o javascript capturasse automaticamente esses dados do select e organizassem da forma descrita acima em 2 select para que não ficasse uma lista enorme?

Tenho um fórum com um campo select que possui muitas opções para selecionar, gostaria de dividir essas opções por área do fórum em dois select.

Todas as áreas e sub-áreas ficam em um único select.

Exemplo:

<div class="blockrow">
                <label for="destforumid">Fórum de Destino:</label>
                <select id="destforumid" name="destforumid" class="primary" tabindex="1">
    <option value="5" class="d0">Feedback (Categoria)</option>
    <option value="23" class="d0">Fórum de Estudos (Categoria)</option>
    <option value="7" class="d1">&nbsp; &nbsp; Anúncios e Enquetes</option>
    <option value="19" class="d1">&nbsp; &nbsp; Fale Conosco (Link)</option>

    <option value="10" class="d0">Designs (Categoria)</option>
    <option value="14" class="d2">&nbsp; &nbsp; &nbsp; &nbsp; Pedidos</option>
    <option value="29" class="d3">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Atendidos (Sem Postagem)</option>
</select>

Pelo que pude ver, d0 é a cátegoria, não é fórum. d1 é um fórum do d0 acima e quando houver um d2 abaixo do d2, é um sub-fórum, ou seja, um fórum dentro do fórum d1 que está na categoria d0.

Se houver dois d2, quer dizer que existem 2 fóruns nessa categoria, bem simples de entender. no caso de um d3 depois de um d2, quer dizer que o d2 anterior que é um fórum, vai ter um outro fórum dentro, que é o d3. E assim por diante, podendo haver vários d1, d2, d3, d4...

As categorias são divididas a cada novo d0.

Gostaria de obter todos esses valores com js, onde no primeiro, atual select eu selecionaria apenas as categorias que desejo, e no segundo eu selecionaria o subfórum dessa categoria selecionada que desejo.

Todos os select tem um dado, o value, são eles que identificam o local selecionado.

O segundo select teria que ter os dados id="destforumid" name="destforumid" class="primary" tabindex="1" pois sem isso talvez não funcionasse.

Como eu poderia fazer com que o javascript capturasse automaticamente esses dados do select e organizassem da forma descrita acima em 2 select para que não ficasse uma lista enorme?

Fonte Link
Florida
  • 2,7mil
  • 8
  • 39
  • 69

Como separar e manipular dados do select com js

Tenho um fórum com um campo select que possui muitas opções para selecionar, gostaria de dividir essas opções por área do fórum em dois select.

Todas as áreas e sub-áreas ficam em um único select.

Exemplo:

<div class="blockrow">
                <label for="destforumid">Fórum de Destino:</label>
                <select id="destforumid" name="destforumid" class="primary" tabindex="1">
    <option value="5" class="d0">Feedback</option>
    <option value="23" class="d0">Fórum de Estudos(Categoria)</option>
    <option value="7" class="d1">&nbsp; &nbsp; Anúncios e Enquetes</option>
    <option value="19" class="d1">&nbsp; &nbsp; Fale Conosco (Link)</option>

    <option value="10" class="d0">Designs (Categoria)</option>
    <option value="14" class="d2">&nbsp; &nbsp; &nbsp; &nbsp; Pedidos</option>
    <option value="29" class="d3">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Atendidos (Sem Postagem)</option>
</select>

Pelo que pude ver, d0 é a cátegoria, não é fórum. d1 é um fórum do d0 acima e quando houver um d2 abaixo do d2, é um sub-fórum, ou seja, um fórum dentro do fórum d1 que está na categoria d0.

Se houver dois d2, quer dizer que existem 2 fóruns nessa categoria, bem simples de entender. no caso de um d3 depois de um d2, quer dizer que o d2 anterior que é um fórum, vai ter um outro fórum dentro, que é o d3. E assim por diante, podendo haver vários d1, d2, d3, d4...

As categorias são divididas a cada novo d0.

Gostaria de obter todos esses valores com js, onde no primeiro, atual select eu selecionaria apenas as categorias que desejo, e no segundo eu selecionaria o subfórum dessa categoria selecionada que desejo.

Todos os select tem um dado, o value, são eles que identificam o local selecionado.

O segundo select teria que ter os dados id="destforumid" name="destforumid" class="primary" tabindex="1" pois sem isso talvez não funcionasse.

Como eu poderia fazer com que o javascript capturasse automaticamente esses dados do select e organizassem da forma descrita acima em 2 select para que não ficasse uma lista enorme?