CheckBox na ComboBox

[dataset 0]

Amigos, estive procurando no forum mais nao achei.

 

Gostaria de um ComboBox com CheckBox dentro. Assim a pessoa iria descer com as opções e iria selecinar as que ela queria.

 

Uma vez eu tinha um exemplo mas nao achei mais... na verdade usava Div com hidden. Daí descia...

 

Obrigado.

 

Abraços.

[Eliseu M. 2]

Só com DIV mesmo, pelo menos por enquanto :D

 

Olha, fiz um exemplo bem básico pra você:

 

<style>
body {font-family: Segoe UI;}
a {text-decoration:none; color:black;}
#combo1 {position:relative; background-color:#eee; border:1px solid black; width:120px; border-top:0; padding:4px; opacity:0.7;}
#combo1:hover {opacity:1;}
#combo2 a {background-color:#ddd; width:120px; display:block; padding:4px; border:1px solid black; border-bottom:0;}
</style>
<script>
function toggle(x) {
	var el = document.getElementById(x);
	el.style.display = (el.style.display != 'none' ? 'none' : '' );
}
</script>
<div id="combo2"><a href="java script:toggle('combo1').style.display='';" title="Clique aqui para mostrar as opções">Opções</a></div>
<div id="combo1" style="display:none;">
<input type="checkbox" /> Música<br>
<input type="checkbox" /> Televisão<br>
<input type="checkbox" /> Arte
</div>

Ah, se você quiser que os checkboxes apareçam em cima do texto de baixo, coloque position:absolute; e vá ajustando com top e left.

 

Fica melhor com DIV, porque dá pra estilizar tudo e, ainda, colocar fade ou sliding em JQuery. Até mais cara!