tag html select não me serve

[Mbhvirtual 0]

Boa noite pessoal.

Preciso de alguma ajuda para levar meu projeto em frente.

Estou a fazer um site e tem a opção para o usuário escolher entre várias cidades e saber mais sobre a cidade escolhida. Ao clicar em São Paulo o usuário é levado a uma pagina, que ja tenho pronta, só com coisas de são paulo.

Tentei a tag <select> e na tag <option> coloquei um link <a> para em cada cidade de sua respectiva pagina. Mas não deu certo.

 

Há alguma outra forma de fazer este elemento em html/css?

 

pensei em algo como uma tag <p>Escolha uma cidade</p> e ao passar o mouse em cima dela aparece em baixo uma tabela com o nome das cidades e ao clicar numa cidade, a pessoa e logo levada para a página da cidade.

 

Qual é esta função(tag) para ocultar uma tabela e depois qual o css do mouse para revelar a tabela?

 

alguem sabe isto?

 

fico grato por alguma ajuda

[Richardsoncsc 4]

eu usaria o onchange

 

exemplo abaixo: simples js puro

<script>
function linka(cidade){
window.open('http://www.meusite.com/city='+cidade.value);
}
</script>


<select name="teste" onchange="linka(this)">
<option value="rj">Rio de janeiro</option>
<option value="sp">Sao Paulo</option>
<option value="mg">Minas Gerais</option>
</select>