Select

Setup

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

Basic Replace

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

Full Replace

Check your console output!

$("input.group3").controlReplace({

    additionalClass: "my-class",

    afterReplace: function(container, input) {

        console.log("replaced: " + input.attr("name"));

    },

    onChange: function(name, newValue) {

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

    }

});

Options

additionalClass

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

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

afterReplace

A callback function; will be thrown after input has been replaced.

$("input").controlReplace({afterReplace: function(container, input) { console.log("replaced: " + input.attr("name")); }});

onChange

A callback function; will be thrown on value change.

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