jQuery coreUISelect

jQuery coreUISelect is a cross browser easy to stylize select element with jQuery and CSS. Requires jQuery 1.6 or higher

GitHub Page
Download ZIP

Available Features:

Full customization
Optiongroup support
Automatic calculations
Keyboard support
Powerful callback functions
Compatible with mobile devices
Support jScrollPane plugin for customize default scrollbar

Default settings

        $('#countries').coreUISelect();

Select country

Optiongroup support

        $('#optiongroup').coreUISelect();

Select country

With jScrollPane plugin

        $('#countries_2').coreUISelect({
            jScrollPane : {
                verticalDragMinHeight: 20,
                verticalDragMaxHeight: 20,
                showArrows : true
            }
        });

Select country

Append to body setting

Custom dropdown build in body

        $('#countries_3').coreUISelect({
            appendToBody : true
        });

Select country

Callback functions and API

        $('.b-core-ui-select__select').coreUISelect({
            onInit : addCoreUISelectListener,
            onOpen : addCoreUISelectListener,
            onClose : addCoreUISelectListener,
            onChange : addCoreUISelectListener,
            onDestroy : addCoreUISelectListener
        });
         
        function addCoreUISelectListener(select, event){
            console.log(el, event);
        }

        $('.b-core-ui-select__select').coreUISelect('update')
		$('.b-core-ui-select__select').coreUISelect('destroy')