Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lúcio Gomes

Link com javascript para expandir select

Recommended Posts

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

<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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.