Skip to content

A lightweight plugin to swap out select dropdowns with html that can be styled and hooked up to an onchange handler.

Notifications You must be signed in to change notification settings

humanelement/he-styled-select

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

he-styled-select

A lightweight plugin to swap out select dropdowns with html that can be styled and hooked up to an onchange handler.

Written by Human Element's Milligan

See DEMO

Usage examples:

//example 1
heStyledSelect.init({
    select:'select.example1' //select a specific <select> element to "style"
    //no onchange is NOT specified so NO event is triggered onchange
});

//example 2
heStyledSelect.init({
    select:'select.example2', //select a specific <select> element to "style"
    onchange:function(select, args){ //trigger the original <select> change event on-change
        select.change();
        //Event.simulate(select[0], 'change'); //prototype
    }
});

About

A lightweight plugin to swap out select dropdowns with html that can be styled and hooked up to an onchange handler.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published