I have to create a dropdown that will show a div with a button for each dropdown option. For now I have the divs (I have to do more) and the dropdown, but I do not have the JS to show and hide. There will be just one show.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> TESTE </title>
</head>
<body>
<label>Qual a sua cidade?</label>
<select class="cat_dropdown" id="Cidade" name="Cidade">
<option value="Florianopolis - sc">Florianópolis - SC</option>
<option value="Joinville - sc">Joinville - SC</option>
<option value="são josé - sc">São Joosé - SC</option>
<option value="rio de janeiro - rj">Rio de Janeiro - RJ</option>
<option value="porto alegre - rs">Porto Alegre - RS</option>
</select>
<div id="Joinville - sc">
<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form action="https://pagseguro.uol.com.br/v2/pre-approvals/request.html" method="post">
<!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO -->
<input type="hidden" name="code" value="6A2E84B72424217224353F91FCC1386A" />
<input type="image" src="http://beerkingstore.com.br/media/wysiwyg/bkclub/joinville-SC.png"name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->
</div>
<div id="rio de janeiro - rj">
<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form action="https://pagseguro.uol.com.br/v2/pre-approvals/request.html" method="post">
<!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO -->
<input type="hidden" name="code" value="673830C750500BEDD4299F8B357559B9" />
<input type="image" src="http://beerkingstore.com.br/media/wysiwyg/bkclub/ASSINE-RJ-RJ.png"name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->
</div>
<div id="porto alegre - rs">
<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form target="pagseguro" action="https://pagseguro.uol.com.br/v2/pre-approvals/request.html" method="post">
<!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO -->
<input type="hidden" name="code" value="1C52DCC32E2E6B1884B18F8740EB45F2" />
<input type="image" src="http://beerkingstore.com.br/media/wysiwyg/bkclub/assine-poa.png"name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->
</div>
</body>
</html>