jQuery - prevent option deselect in select multiple

Question

Is it possible to prevent an option from being deselected in a select multiple control? Also it must not deselect any other selected options. I have tried:

$('#selections option').click(function(){
    $(this).prop('selected', true);
});

Doesn't seem to work. Anyone know how I can achieve this?

Answer 1

Here's one way to do it

$('#selections').on('change', function(e) {
    var self = this,
        selected = $(this).data('selected') || [];

    $.each(selected, function(_,i) {
        $('option', self).eq(i).prop('selected', true)
    });

    $(this).data('selected', $.map($('option:selected', this), function(el) {
        return $(el).index();
    }));
});

FIDDLE