$.fn.SelectCustomizer = function(){ return this.each(function(){ var obj = $(this); var name = obj.attr('id'); var id_slc_options = name+'_options'; var id_icn_select = name+'_iconselect'; var id_holder = name+'_holder'; var custom_select = name+'_customselect'; obj.after("<div id=\""+id_slc_options+"\" class='options'> </div>"); obj.find('option').each(function(i){ if($(this).attr("value") !== '' && $(this).attr("value") !== '0'){ $("#"+id_slc_options).append("<div title=\"" + $(this).attr("value") + "\" class=\"selectitems\"><span>" + $(this).html() + "</span></div>"); } });
obj.before("<div id=\""+id_icn_select+"\" class='iconselect'>" + this.title + "</div><div id=\""+id_holder+"\" class='holder'> </div>").hide(); $("#"+id_icn_select).click(function(){ $("#"+id_holder).slideToggle(200); }); $("#"+id_holder).append($("#"+id_slc_options)[0]); $("#"+id_holder+ " .selectitems").mouseover(function(){ $(this).addClass("hoverclass"); }); $("#"+id_holder+" .selectitems").mouseout(function(){ $(this).removeClass("hoverclass"); });
$("#"+id_holder+" .selectitems").click(function(){ $("#"+id_holder+" .selectedclass").removeClass("selectedclass"); $(this).addClass("selectedclass"); var value = $(this).attr('title'); $(this).parent().parent().next('select').find('option[value=' + value + ']').attr('selected',true); var thisselection = $(this).html(); $("#"+custom_select).val(this.title); $("#"+id_icn_select).html(thisselection); $("#"+id_holder).slideToggle(250) }); }); }