Ir para conteúdo

POWERED BY:

Arquivado

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

BR ASSESS

[Resolvido] Link combobox

Recommended Posts

Olá,

 

Tenho um combobox, aqueles que popula conforme o combo (Ex: UF/CIDADE).

gostaria de colocar links, no meu exemplo seleciono uma regiao e tenho as opções das cidade e gostaria que estas cidades tivessem links.

 

Segue codigo:

<script language="javascript">
var ArrayTipo1 = new Array ("Águas de Lindóia","Águas de São Pedro","Aparecida","Artur Nogueira","Atibaia","Barra Bonita","Bauru","Bragança Paulista","Brotas","Cabreúva","Campinas","Campos do Jordão","Caraguatatuba","Cunha","Guaratinguetá","Holambra","Hortolândia","Indaiatuba","Itatiba","Itu","Jaguariúna","Jaboticabal","Joanópolis","Jundiaí","Limeira","Lindóia","Louveira","Mogi das Cruzes","Monte Alegre do Sul","Monte Alto","Monteiro obato","Morumgaba","Nova Odessa","Olímpia","Patrimônio","Pedreira","Piedade","Piracicaba","Pirajuí","Pirapora do Bom Jesus","Ribeirão Preto","Sta. Barbara D'Oeste","Sto. Antonio do Pinha","São Bento do Sapucaí","São Francisco Xavier","São José do Rio Pardo","São Pedro","Serra Negra","Sertãozinho","Sorocaba","Souzas","Sumaré","Socorro","Valinhos","Vinhedo","Votorantim");
var ArrayTipo2 = new Array ("Cananéia","Guarujá","Iguape","Ilha Comprida","Itanhaém","Mongaguá","Praia Grande","Santos");
var ArrayTipo3 = new Array ("Caraguatatuba","Ilha Bela","São Sebastião","Ubatuba");
var ArrayTipo4 = new Array ("Araxá","Baependi","Bueno Brandão","Cambuquira","Campanha","Caxambu","Congonhas","Entre Rios de Minas","Extrema","Gonçalves","Itatiaia","Lambari","Lavras Novas","Mariana","Monte Verde","Monte Sião","Ouro Preto","Prados","Poços de Caldas","Santa Cruz de Minas","Santo Antônio do Leite","São Lourenço","São Thomé das Letras","São João Del Rei","Tiradentes");
var ArrayTipo5 = new Array ("Cabo Frio","Paraty","Rio de Janeiro","Trindade");
var ArrayTipo6 = new Array ("Caldas Novas","Rio Quente");

function PopulaCombo(id_tipo)
{
	if (id_tipo == 1)
		ArrayTipo = ArrayTipo1;
	else if (id_tipo == 2)
		ArrayTipo = ArrayTipo2;
	else if (id_tipo == 3)
		ArrayTipo = ArrayTipo3;
	else if (id_tipo == 4)
		ArrayTipo = ArrayTipo4;
	else if (id_tipo == 5)
		ArrayTipo = ArrayTipo5;
		else if (id_tipo == 6)
		ArrayTipo = ArrayTipo6;
	else
	{
		Remove();
		return
	}

document.form.opcao.disabled = false;
document.form.opcao.options.length = 0;

	for (i=0; i <= ArrayTipo.length-1; i++)
	{
  	window.document.form.opcao.options[i] = new Option(ArrayTipo[i],i);
	}
}

function Remove()
{
var opcoes = document.form.opcao.options;

	for (i=0; i <= opcoes.options.length+2; i++)
	{
		opcoes.options.remove(0);
	}
opcoes.disabled = true;
}
</script>

<form name="form">

<table border="0" width="310">
	<tr>
		<td width="150"><select name="tipo" onchange="PopulaCombo(this.value)">
										<option value="">Selecione a Região</option>
										<option value="1">Interior de SP</option>
										<option value="2">Litoral Sul</option>
										<option value="3">Litoral Norte</option>
                                        <option value="4">Minas Gerais</option>
                                        <option value="5">Rio de Janeiro</option>
                                        <option value="6">Goias</option>
										</select>
		</td>
		<td width="160"><select name="opcao" disabled style="width:150px">
										<option value=""></option>
										</select>
		</td>
	</tr>
</table>
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ola

 

você pode acionar uma função que faça isso no evento onchange do combobox.

 

valew...

SOLUCIONADO...

 

<select name="opcao" disabled="disabled" onChange="Redireciona()" style="width:150px">

 

e cria um if para cada regiao e cidade:

 

function Redireciona()

{

if (document.form.tipo.value == 1)

{

if (document.form.opcao.value == 0)

 

window.location.href = ('#');

 

if (document.form.opcao.value == 0)

 

window.location.href = ('#');

 

tipo eh a região começando de 1 e opção eh as cidades começando de 0...

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.