Combobox que ao selecionar mostra o texto refetente

[Felipe Fonseca 0]

Tipo assim ..Preciso de uma combo onde terão vários valores ...que ao selecionar .... ele mostra ao lado um o texto referente ao selecionado na comboJa pesquisei mto na NET ... mas nao sei os parametros de pesquisa .... sei que isso nao eh dificil ...Alguem tem esse código ?? ow entao possa me dar algumas palavras chaves para eu pesquisar ... ow entao alguem tem esse script ?Obrigado à Todos!

[andreia_sp 1]

Seria isso?

 

<script>function ExibeCidade(nome_cidade){document.getElementById("exibe_cidade").innerHTML = nome_cidade;}</script><select name="cidades" onchange="ExibeCidade(this.value)"><option value=""></option><option value="SP">SP</option><option value="MG">MG</option><option value="RJ">RJ</option></select><div id="exibe_cidade"></div>

[Pauloooo 0]

estou com uma duvida um pouco parecidamas vamos usar o exemplo...desse jeito que esta quando a pessoa clica em SPaparece em baixo SPe os outros iguais...como que eu faço se quando clicasse em SP aparecesse algo do tipo cadastro de fotose quando clicasse em MG direcionasse para o site de minase quando clicasse em RJ não acontecesse nadacomo que faço uma ação para cada!valeu

[Tiago Cardoso 1]

Faça um if, else if e else nessa função, pegando o parâmetro "nome_cidade"

 

function ExibeCidade(nome_cidade){document.getElementById("exibe_cidade").innerHTML = nome_cidade;}

entendeu?

 

o parâmetro "nome_cidade" e o value do <option> assim é só comparar e fazer o que quiser...

[andreia_sp 1]

<script>function ExibeCidade(nome_cidade){if (nome_cidade == "SP"){ document.getElementById("exibe_cidade").innerHTML = "Cadastro de fotos"; return;}if (nome_cidade == "MG"){ window.document.location.href = "http://www.google.com.br"; return;}else{  document.getElementById("exibe_cidade").innerHTML = "";}}</script><select name="cidades" onchange="ExibeCidade(this.value)"><option value=""></option><option value="SP">SP</option><option value="MG">MG</option><option value="RJ">RJ</option></select><div id="exibe_cidade"></div>

[Tiago Cardoso 1]

Andreia, não dê o "peixe" de presente, faça o "pescador" pensar um pouco, certo?heheheMas é verdade, ajude em como fazer e não fazendo, tá bom?E parabéns pela iniciativa de ajudar!OBS: Nada contra você Paulo, mas tem que ser desse jeito para a gente ir aprendendo...

[Pauloooo 0]

<script>

function ExibeCidade(nome_cidade){

document.getElementById("exibe_cidade").innerHTML = nome_cidade;

 

 

if(nome_cidade=="SP"){

alert ("test1");

}

else if (nome_cidade=="MG"){

alert ("test2");

}

else

alert ("test3");

 

 

}

 

</script>

 

<select name="cidades" onchange="ExibeCidade(this.value)">

<option value="SP">SP</option>

<option value="MG">MG</option>

<option value="RJ">RJ</option>

</select>

 

<div id="exibe_cidade"></div>

 

 

pronto assim ele quando clicado exibe um alert e embaixo do select ele exibe o nome, quero que pare de exibir o nome e exiba um formulario, tenho que escrever o form dentro do if???

 

como que eu faço apra fazer isso

 

fiquei perdido agora!!

 

hehe

 

valeu

[Tiago Cardoso 1]

não nesse caso é melhor você criar mais uma <div> e nela ter o <form>...

 

ai você tira essa parte:

 

document.getElementById("exibe_cidade").innerHTML = nome_cidade;

e no lugar coloca o id do seu <div> com <form>

 

certo?

[andreia_sp 1]

você está certo Tiago, algumas vezes eu nao dou a resposta mas tem outras q acabo sendo generosa d++ rssss

 

t+

[Pauloooo 0]

num entendi nada :huh:

[Tiago Cardoso 1]

cara você tem 3 options e cada value você quer fazer algo diferente e em um dos casos quer criar um <form>

 

a Andreia passou isso para você, certo!

 

<script>function ExibeCidade(nome_cidade){if (nome_cidade == "SP"){document.getElementById("exibe_cidade").innerHTML = "Cadastro de fotos";return;}if (nome_cidade == "MG"){window.document.location.href = "http://www.google.com.br";return;}else{  document.getElementById("exibe_cidade").innerHTML = "";}}</script><select name="cidades" onchange="ExibeCidade(this.value)"><option value=""></option><option value="SP">SP</option><option value="MG">MG</option><option value="RJ">RJ</option></select><div id="exibe_cidade"></div>

e agora você quer que em um <div> apareça um <form>, tem 2 formas de fazer uma é criar o <form> com o createElement("<elemento>") e outra e ter outro <div> com outro id e esse <div> ter um <form> dentro dele, assim esse <div> terá que vir inicialmente "invisível", ou seja, display: none e dependendo do value do <select> ele fica "visível"(display: block)

 

e agora tá bem esplicado ou não tá?

melhor que isso só fazendo pra você, mas ai é ruim viu!hehehehehe

[Pauloooo 0]

tah ai nessa função eu faço onclick display: none ou display blocké assimvou fazer e depois mando abraço

[Pauloooo 0]

como eu sou burro

 

num consegui fazer ainda estava tentando até agora, onde esta o erro aqui

 

por favor

 

valeu

 

<script>function ExibeCidade(nome_cidade){if (nome_cidade == "SP"){	div=div.style.display='block';return;}if (nome_cidade == "MG"){window.document.location.href = "http://www.google.com.br";return;}else{  document.getElementById("exibe_cidade").innerHTML = "";}}</script>

<select name="cidades" onchange="ExibeCidade(this.value)"><option value=""></option><option value="SP">SP</option><option value="MG">MG</option><option value="RJ">RJ</option></select><div id="exibe_cidade" style="display: none">		    <a href = "http://www.artesp.sp.gov.br" target="_blank">»ARTESP</a><br>		  <a href = "http://www.transportes.sp.gov.br/v20/hidrovia_departamento.asp" target="_blank">»DH</a><br>		  <a href = "http://www.daesp.sp.gov.br" target="_blank">»DAESP</a><br>		  <a href = "http://www.der.sp.gov.br" target="_blank">»DER</a><br>		  <a href = "http://www.dersa.sp.gov.br" target="_blank">»DERSA</a><br>		  <a href = "http://www.polmil.sp.gov.br" target="_blank">»Polícia Militar Rodoviária</a><br>	</div>

[Tiago Cardoso 1]

Não burro você não, sei caso é preguiça aguda...

 

Não teve jeito, toma ae, mas não se acostume!hehehe (agora de onde que você inventou isso: div=div.style.display='block';)

 

java script:

 

function ExibeCidade(nome_cidade){	if (nome_cidade == "SP")	{		document.getElementById("teste").style.display = 'block';		return;	}	else if (nome_cidade == "MG")	{		window.document.location.href = "http://www.google.com.br";		return;	}}

html:

 

<select name="cidades" onchange="ExibeCidade(this.value)"><option value=""></option><option value="SP">SP</option><option value="MG">MG</option><option value="RJ">RJ</option></select><div id="exibe_cidade" style="display: none">  <a href = "http://www.artesp.sp.gov.br" target="_blank">»ARTESP</a><br>  <a href = "http://www.transportes.sp.gov.br/v20/hidrovia_departamento.asp" target="_blank">»DH</a><br>  <a href = "http://www.daesp.sp.gov.br" target="_blank">»DAESP</a><br>  <a href = "http://www.der.sp.gov.br" target="_blank">»DER</a><br>  <a href = "http://www.dersa.sp.gov.br" target="_blank">»DERSA</a><br>  <a href = "http://www.polmil.sp.gov.br" target="_blank">»Polícia Militar Rodoviária</a><br></div> <div id="teste" style="display: none;">teste</div>

agora vai............

[Pauloooo 0]

putz..

 

valeuuu

 

era isso mesmoo

 

vivaa

 

referente ao div=div.style.display='block';

 

 

olha isso aqui

 

http://forum.imasters.com.br/index.php?sho...=212065&hl=

 

foi você mesmo que me ensinou assim

 

haahha

 

falouu

[Tiago Cardoso 1]

Mas cara no link que você passou "div" é uma parâmetro da função veja:

 

function Show(div)

por isso eu faço isso:

 

if(div.style.display == 'none')	{		div = div.style.display = 'block';	}	else	{		div = div.style.display = 'none';	}

Não vem que não tem... :P

 

PS: 1000...

[Pauloooo 0]

hahahamalz ae entãodesculpa!!!!hihihfalou