jQuery coreUISelect

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

Available Features:

Default settings

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

Optiongroup support

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

With jScrollPane plugin

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

Append to body setting

Custom dropdown build in body

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

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

Free jQuery Plugins, HTML5 and CSS3 Scripts - Providing tons of Jquery Plugins,Html5 and CSS3 Scripts for web developers to preview and download. By using these resources, you can create amazing effects with fancy animations of content elements like text, images and so on.