Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 20

Problemas com select

17-08-2010 15:54

o que acontece amigos, se eu seleciono no 1 selec, a opção digital, o segundo preenche com os digitais, porém se eu trocar a 1 opção para refletiva, o segundo select aparece com os dois do refletiva e o restante da linha digital !

alguém sabe como me ajudar?

<script> function troca(n,i) { var select1 = document.contatos.select1; var select2 = document.contatos.select2; var select2 = document.contatos.select3; // esvazia numeros if(n=="numeros" && i=="vazio") { document.forms['contatos'].letras.options.length = 0; document.forms['contatos'].letras.options[0] = new Option('Escolha',''); } // esvazia letras if(n=="letras" && i=="vazio") { document.forms['contatos'].outros.options.length = 0; document.forms['contatos'].outros.options[0] = new Option('Escolha',''); } //// 1º SELECT PREENCHE 2º SELECT //// // Linha Colorida // if(n=="numeros" && i=="Linha Colorida") { document.forms['contatos'].letras.options[0] = new Option('Clique','vazio'); document.forms['contatos'].letras.options[1] = new Option('GoldMax','GoldMax'); document.forms['contatos'].letras.options[2] = new Option('MaxLux','MaxLux'); document.forms['contatos'].letras.options[3] = new Option('ColorMax Colorido','ColorMax Colorido'); document.forms['contatos'].letras.options[4] = new Option('CristalColor','CristalColor'); document.forms['contatos'].letras.options[5] = new Option('FixColor Colorido','FixColor Colorido'); } // Linha Refletiva // if(n=="numeros" && i=="Linha Refletiva") { document.forms['contatos'].letras.options[0] = new Option('Clique','vazio'); document.forms['contatos'].letras.options[1] = new Option('Refletivo Colorido','Refletivo Colorido'); document.forms['contatos'].letras.options[2] = new Option('Refletivo Digital','Refletivo Digital'); } // Linha Colorida // if(n=="letras" && i=="GoldMax") { document.forms['contatos'].outros.options[0] = new Option('Clique','vazio'); document.forms['contatos'].outros.options[1] = new Option('Colorido Polimérico 80 Micras - Liner 125g','Colorido Polimérico 80 Micras - Liner 125g'); document.forms['contatos'].outros.options[2] = new Option('Prata/Ouro Polimérico 80 Micras - Liner 125g','Prata/Ouro Polimérico 80 Micras - Liner 125g'); } if(n=="letras" && i=="MaxLux") { document.forms['contatos'].outros.options[0] = new Option('Clique','vazio'); document.forms['contatos'].outros.options[1] = new Option('Colorido Polimérico Translúcido 80 Micras - Liner 125g','Colorido Polimérico Translúcido 80 Micras - Liner 125g'); document.forms['contatos'].outros.options[2] = new Option('Prata Polimérico Translúcido 80 Micras - Liner 125g','Prata Polimérico Translúcido 80 Micras - Liner 125g'); } if(n=="letras" && i=="ColorMax Colorido") { document.forms['contatos'].outros.options[0] = new Option('Clique','vazio'); document.forms['contatos'].outros.options[1] = new Option('Colorido Monomérico 80 Micras - Liner 125g','Colorido Monomérico 80 Micras - Liner 125g'); document.forms['contatos'].outros.options[2] = new Option('Prata/Ouro Monomérico 80 Micras - Liner 125g','Prata/Ouro Monomérico 80 Micras - Liner 125g'); } if(n=="letras" && i=="CristalColor") { document.forms['contatos'].outros.options[0] = new Option('Clique','vazio'); document.forms['contatos'].outros.options[1] = new Option('Transparente Colorido Monomérico 80 Micras - Liner 125g','Transparente Colorido Monomérico 80 Micras - Liner 125g'); } if(n=="letras" && i=="FixColor Colorido") { document.forms['contatos'].outros.options[0] = new Option('Clique','vazio'); document.forms['contatos'].outros.options[1] = new Option('Colorido Monomérico 80 Micras - Liner 125g','Colorido Monomérico 80 Micras - Liner 125g'); document.forms['contatos'].outros.options[2] = new Option('Prata Monomérico 80 Micras - Liner 125g','Prata/Ouro Monomérico 80 Micras - Liner 125g'); } 2 select para o 3 // Linha Refletiva // if(n=="letras" && i=="Refletivo Colorido") { document.forms['contatos'].outros.options[0] = new Option('Clique','vazio'); document.forms['contatos'].outros.options[1] = new Option('Refletivo Colorido - 80 Micras - Liner 130g','Refletivo Colorido - 80 Micras - Liner 130g'); } if(n=="letras" && i=="Refletivo Digital") { document.forms['contatos'].outros.options[0] = new Option('Clique','vazio'); document.forms['contatos'].outros.options[1] = new Option('Refletivo Digital PET - 80 Micras - Liner 130g','Refletivo Digital PET - 80 Micras - Liner 130g'); }

segue abaixo o form

<b>Categoria:</b><select name="numeros" onChange="troca('numeros',this.value)" id="numeros"> <option value="vazio" selected>Escolha</option> <option value="Linha Colorida">Linha Colorida</option> <option value="Linha Refletiva">Linha Refletiva</option> <option value="Linha Automotiva">Linha Automotiva</option> <option value="Linha Digital">Linha Digital</option> <option value="Linha Gráfica">Linha Gráfica</option> <option value="Linha Textil">Linha Textil</option> <option value="Linha Decorativa">Linha Decorativa</option> <option value="Acessórios em Geral">Acessórios em Geral</option> </select> <b>Linha:</b><select name="letras" onChange="troca('letras',this.value)" id="letras"> <option value="" selected>Escolha</option> </select> <b>Produto:</b><select name="outros" id="outros"> <option value="" selected>Escolha</option> </select>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problemas com select

17-08-2010 16:01

Esse script parece o desse link

http://www.codigosnaweb.com/forum/Mudar ... 3_638.html

Só que eu acho que você se embolou ai com os valores. Pega o original, e altere por partes, porque da forma que você já alterou é complicado ver.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 20

Problemas com select

18-08-2010 09:54


if(n=="numeros" && i=="Linha Colorida") { document.forms['contatos'].letras.options[0] = new Option('Clique','vazio'); document.forms['contatos'].letras.options[1] = new Option('GoldMax','GoldMax'); document.forms['contatos'].letras.options[2] = new Option('MaxLux','MaxLux'); document.forms['contatos'].letras.options[3] = new Option('ColorMax Colorido','ColorMax Colorido'); document.forms['contatos'].letras.options[4] = new Option('CristalColor','CristalColor'); document.forms['contatos'].letras.options[5] = new Option('FixColor Colorido','FixColor Colorido'); document.forms['contatos'].letras.options[6] = null; document.forms['contatos'].letras.options[7] = null; }

Galera, segue ai no código a solução que encontrei para o primeiro select, utilizar "null", porém para os demais select ele continua com o problema.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problemas com select

18-08-2010 10:17

Você tem que se basear no select de exemplo. Ai renomear ou acrescentar as novas opções seguindo a lógica do array [0] [1]... com está no exemplo.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 20

Problemas com select

25-08-2010 09:16

Bom dia galera, venho com boas noticias.

Consegui resolver o problema acima é um pouco de gambiarra mas deu certo,

seguinte...

quando ocorrer de ter uma opção, com mais subpções que outra, tem que fazer o seguinte :

// Linha Colorida // if(n=="numeros" && i=="Linha Colorida") { document.forms['contatos'].letras.options[0] = new Option('Clique','vazio'); document.forms['contatos'].letras.options[1] = new Option('GoldMax','GoldMax'); document.forms['contatos'].letras.options[2] = new Option('MaxLux','MaxLux'); document.forms['contatos'].letras.options[3] = new Option('ColorMax Colorido','ColorMax Colorido'); document.forms['contatos'].letras.options[4] = new Option('CristalColor','CristalColor'); document.forms['contatos'].letras.options[5] = new Option('FixColor Colorido','FixColor Colorido'); document.forms['contatos'].letras.options[6] = document.forms['contatos'].letras.options[7] = null; } // Linha Refletiva // if(n=="numeros" && i=="Linha Refletiva") { document.forms['contatos'].letras.options[0] = new Option('Clique','vazio'); document.forms['contatos'].letras.options[1] = new Option('Refletivo Colorido','Refletivo Colorido'); document.forms['contatos'].letras.options[2] = new Option('Refletivo Digital','Refletivo Digital'); document.forms['contatos'].letras.options[3] = document.forms['contatos'].letras.options[4] = document.forms['contatos'].letras.options[5] = document.forms['contatos'].letras.options[6] = document.forms['contatos'].letras.options[7] = null; }

Dessa forma consegui que quando vc alterar de um select pro outro, altere todas as subopções tb =]

bom, mas uma vez obrigado Kleber pela atenção.

abraços
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problemas com select

25-08-2010 11:24

Boa :rofl:
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado