Publicado em 27 de jan.

Link com javascript para expandir select

Eu tenho o seguinte select dentro de um form:

<select name="select" id="select" class="select_especial">

 <option>Opções</option>

 <option value="01">Option 1</option>

 <option value="02">Option 2</option>

</select>

 

Gostaria de saber se é possível abrir/expandir as opções desse select clicando em um link?

 

Na verdade, o que eu pretendo mesmo fazer é criar um link para por uma imagem de fundo estilizada e ao clicar expandir as opções do select.

Claro, eu poderia fazer só utilizando <ul><li>... mas preciso que seja select para enviar os dados do formulário ao banco de dados, só que eu desejo estilizar esse select, e como não é possível inserir uma imagem de fundo no select, acho que o mais próximo disso (se for possível) é inserir uma imagem de fundo em um link e quando clicar expandir as options do select.

 

O que acham? É possível fazer um link especial com javascript para expandir as opções do select?

Obrigado.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Thiago Retondar· 27 de jan.

Cara, entendi nada... :blink:

O que você quer é que ao selecionar uma opção do select o background de um link mude? É isso?

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Maujor· 27 de jan.

<select name="select" id="select" class="select_especial">
<option>Opções</option>
<option value="01">Option 1</option>
<option value="02">Option 2</option>
</select>
<br />
<a href="#" id="abre">Abre select</a>

<script type="text/javascript">
function abreSelect() {
 var meuSelect = document.getElementById("select");
 meuSelect.multiple = "multiple";
 return false;
 }

 var abre = document.getElementById("abre");
 abre.onclick = abreSelect;
</script>