jQuery - 在select multiple中阻止选项取消选择

Question

是否可以防止在选择多个控件中取消选择选项？此外，它不能取消选择任何其他选定的选项。我试过了：

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

似乎不起作用。有谁知道我怎么能做到这一点？

Answer 1

这是一种方法

$('#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

Answer 2

已经试过了吗？：

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

Answer 3

尝试一下：

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