Tenho um select box que esta como display:none
e quero que ao ao clicar num botão aparece a listagem para o utilizador escolher mas não estou a conseguir fazer gostava que me dessem algumas luzes de como fazer.
HTML
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<div class="input_home_pequisa">Escolha um distrito
<img id="botao_distritos" style="float:right; cursor:pointer; margin-top:4px;" src="img/select_home.png">
<select style="display:none;" name="teste" id="teste">
<option value="">teste</option>
</select>
</div>
</td>
<td valign="top">
<div class="input_home_pequisa">Escolha um concelho
<img id="botao_concelhos" style="float:right; margin-top:4px; cursor:pointer;" src="img/select_home.png">
<select style="display:none;" name="concelhos" id="concelhos">
<option value="">teste</option>
</select>
</div>
</td>
<td valign="top">
<div class="input_home_pequisa">Escolha uma categoria
<img id="botao_categoria" style="float:right; margin-top:4px; cursor:pointer;" src="img/select_home.png">
<select style="display:none;" name="categoria" id="categoria">
<option value="">teste</option>
</select>
</div>
</td>
<td valign="top">
<div style="margin-top:-5px;">
<a href="#" class="botao_home_pesquisa"><i class="ico i-search"></i></a>
</div>
</td>
</tr>
</table>
button
, ou seja qual é o botão?select
? o conteudo doselect
muda?