tag html select não me serve

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