Link Combobox

[BR ASSESS]

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>

[Danilo Moraes]

Gostaria que as cidades tivecem links?? O.o

não entendi bem o que tu quis dizer :S

Seria em vez de aparecer um combo com as cidades tu queria uma tabela com link para as cidades?

Explique-se melhor por favor ^^

T+

[BR ASSESS]

eu gostaria que cada item da lista de cidades tivessem um link, pois quando clicar em uma cidade vai ir pra uma outra pagina...

compreendeste?!

att.

[BR ASSESS]

SOLUCIONADO...

cria um evento onchange

<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 é a região começando de 1 e opção é as cidades começando de 0...

[Danilo Moraes]

Dexa eu ver se eu entendi bem: Tu quer que quando selecione uma opcao no listbox ele redirecione para uma pagina? E eu aconselho ao invés de usar varios ifs, use o switch. Seria assom:

switch(document.form.tipo.value) {
 case 1 : faz algo aqui; break;
 case 2 : faz algo aqui; break;
}

T+