Bueno les dejo el código haber si se dan un tiempo y bueno lo mejoren
css:
Código CSS:
Ver original
#ComboBox1{ margin:-5px 0 0 0; width:250px; height:25px; background-color:#f1f1f1; background-image:url(../web/imgs/select.png); background-repeat:no-repeat; background-position:right; border:1px solid #999; } .cont_option{ position:relative; } .cont_option td{ width:50%; } .nove{ display:none; } .fondoselect{ background-color:#f1f1f1; overflow:auto; height:150px; }
javascript:
Código Javascript:
Ver original
$(document).ready(function(){ var esto; $("#ComboBox1").toggle(function(){ $("#ComboBox1 tr").removeClass("nove"); $(".cont_option").addClass("fondoselect"); //$(".cont_option").css("position":"absolute","left":"1px","top":"1px","overflow":"scroll"); },function(){ $("#ComboBox1 tr").addClass("nove"); esto.removeClass("nove"); $(".cont_option").removeClass("fondoselect"); }); $("#ComboBox1 tr").click(function(){ $("#combobox1").val($(this).attr("id")); dev($(this)); }); $("#ComboBox1 tr:first").removeClass("nove"); $("#mos").click(function(){ alert($("#combobox1").val()+" - "+$("#algo").val()); }); function dev(val){ esto = val } });
html:
Código HTML:
Ver original