Disabled state

[morphsteve]

Add a class (to .select-target?) and disable the control if the underlying select element is disabled.

Currently using the following workaround:

$('select').each(function() {

    var $this = $(this),
        select = new Select({el: this});

    select.disable = function() {
        $this.prop('disabled', true);
        $this.siblings('.select-target').addClass('select-target-disabled');
    };

    select.enable = function() {
        $this.prop('disabled', false);
        $this.siblings('.select-target').removeClass('select-target-disabled');
    };

    select.on('open', function() {
        if($this.prop('disabled')) {
            select.close();
        }
    });

    if($this.prop('disabled')) {
        select.disable();
    }

});