Ir para conteúdo

Arquivado

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

Omar

Como mostrar a select

Recommended Posts

Olá pessoal estou com um problema e não estou conseguindo resolver, gostaria de saber se alguem pode me dar um toque.O que estou precisando fazer é o seguinte :quando a pessoa escolher por exemplo CARRO eu mostro a select 1caso ele escolha COR mostro a select 2. <select name="opcao"> <option>carro</option> <option>cores</option> </select> <select name="select1" id="select1"> <option>Ford</option> <option>Audi</option> </select> <select name="select2" id="select2"> <option>Preto</option> <option>Branco</option> </select>um abraço a todos,Omar

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu acho que isso é ASP......naum tenho certeza. :lol:

Compartilhar este post


Link para o post
Compartilhar em outros sites

é isso q você quer?

 

<html><head><script language="JavaScript" type="text/javascript">var ns=document.layers?1:0;var ns6=document.getElementById&&!document.all?1:0var ie=document.all?1:0var ns4=ns && !ns6; function show_hide(curobj){	if (ns4) return;	if (ie) {  folder=document.all["select_"+curobj.id+"1"].style;   folder2=document.all["select_"+curobj.id+"2"].style;}	else if (ns6) {    folder=document.getElementById("select_"+curobj.id+"2").style;    folder2=document.getElementById("select_"+curobj.id+"2").style;}     	 if (folder.display=="none"){  folder.display="";  folder2.display="none";  }	else {    folder.display="none";    folder2.display="";    }}</script></head><body><select name="" id="opcao" onchange="show_hide(this)"><option>Selecione</option><option value="1">carro</option><option value="2">cores</option></select><select name="opcao1" id="select_opcao1" style="display:none;"><option>Ford</option><option>Audi</option></select><select name="opcao2" id="select_opcao2" style="display:none;"><option>Preto</option><option>Branco</option></select></span></body></html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

é isso q você quer?

<html><head><script language="JavaScript" type="text/javascript">var ns=document.layers?1:0;var ns6=document.getElementById&&!document.all?1:0var ie=document.all?1:0var ns4=ns && !ns6; function show_hide(curobj){	if (ns4) return;	if (ie) {  folder=document.all["select_"+curobj.id+"1"].style;   folder2=document.all["select_"+curobj.id+"2"].style;}	else if (ns6) {    folder=document.getElementById("select_"+curobj.id+"2").style;    folder2=document.getElementById("select_"+curobj.id+"2").style;}      	if (folder.display=="none"){  folder.display="";  folder2.display="none";  }	else {    folder.display="none";    folder2.display="";    }}</script></head><body><select name="" id="opcao" onchange="show_hide(this)"><option>Selecione</option><option value="1">carro</option><option value="2">cores</option></select><select name="opcao1" id="select_opcao1" style="display:none;"><option>Ford</option><option>Audi</option></select><select name="opcao2" id="select_opcao2" style="display:none;"><option>Preto</option><option>Branco</option></select></span></body></html>
Valeu cara,Era exatamente o que eu estava precisando.obrigado,Omar

Compartilhar este post


Link para o post
Compartilhar em outros sites

Como utilizar este codigo mas de forma a que as primeiras opções sejam carro, cor e marcae consoante a seleccao da cor apareca outra selectbox com verde e azul e consoante a selecao do verde ou azul aparece outra select box? Alguem pode ajudar a costumizar esta função?abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Putz, tô ficando cansado de responder sempre a mesma coisa.Isso é um fórum de JAVA, não de JAVASCRIPT que é uma linguagem totalmente diferente. Existe um fórum específico para javascript, por favor, postem suas dúvidas lá.

Compartilhar este post


Link para o post
Compartilhar em outros sites

bom, reclamar num ajuda mto, então ai vai um código bem simples q c estudar um poco talvez responda a pergunta... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

<html><head><script language="JavaScript" type="text/javascript">function show_hide(curobj,total){//cara.. qdo você adicionar mais listbox você coloca aqui a quantidade que você tem...//se colocar a mais ou a menos vai dar pau...total_de_listbox=total//variavel do contador.. deixe 1 mesmo...i=1//essa parte do código faz todas as listbox sumiremwhile (i<=total_de_listbox){eval("var var_"+curobj.id+"_"+i);eval("var_"+curobj.id+"_"+i+"=document.all['"+curobj.id+"_"+i+"'].style");eval("var_"+curobj.id+"_"+i+".display='none'");i=i+1;}//esa parte do código faz aparecer somente a que tem o id com o nome 'valor id do select principal' + 'valor da opção escolhida'//isso permite você criar vários grupos de select box...eval("var_"+curobj.id+"_"+curobj.value+".display=''");}</script></head><body><select name="" id="opcao" onchange="show_hide(this,4)"><option value="1">carro</option><option value="2">cores</option><option value="3">outra..</option><option value="4">mais...</option></select><select name="opcao_1" id="opcao_1" style="display:none;"><option>Ford</option><option>Audi</option></select><select name="opcao_2" id="opcao_2" style="display:none;"><option>Preto</option><option>Branco</option></select><select name="opcao_3" id="opcao_3" style="display:none;"><option>Outra...</option><option>Outraaa</option></select><select name="opcao_4" id="opcao_4" style="display:none;" onchange="show_hide(this,2)"><option value="1">mais uma</option><option value="2">mais outra</option></select><select name="opcao_4_1" id="opcao_4_1" style="display:none;"><option>sub sub 1</option><option>sb sub 11</option></select><select name="opcao_4_1" id="opcao_4_2" style="display:none;"><option>sub sub 2</option><option>sub sub22</option></select><br><br><br><br><select name="" id="opcao_dois" onchange="show_hide(this,4)"><option value="1">animal</option><option value="2">pc</option><option value="3">forma</option><option value="4">feira</option></select><select name="opcao_dois_1" id="opcao_dois_1" style="display:none;"><option>cachorro</option><option>gato</option></select><select name="opcao_dois_2" id="opcao_dois_2" style="display:none;"><option>mac</option><option>intel</option></select><select name="opcao_dois_3" id="opcao_dois_3" style="display:none;"><option>circulo</option><option>retangulo</option></select><select name="opcao_dois_4" id="opcao_dois_4" style="display:none;" onchange="show_hide(this,2)"><option value="1">fruta</option><option value="2">verdura</option></select><select name="opcao_dois_4_1" id="opcao_dois_4_1" style="display:none;"><option>maçã</option><option>pera</option></select><select name="opcao_dois_4_1" id="opcao_dois_4_2" style="display:none;"><option></option><option></option></select></body></html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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