jQuery controlReplace Select Demos

Setup

Easiest way is to put select in an extra div-element.

Basic Replace

jQuery("select.group2").controlReplace();

Full Replace

Check your console output!

jQuery("input.group3").controlReplace(

{

    additionalClass: "my-class",

    onChange: function(name, newValue)

    {

        console.log(name + ": " + newValue);

    }

});

Options

additionalClass

Adds one or more additional css classes to the replacement element.

jQuery("input").controlReplace({additionalClass: "my-class"});

onChange

A callback function; will be thrown on value change.

jQuery("input").controlReplace({onChange: function(name, newValue) { console.log(name + ": " + newValue); }});