Select2 - 仅允许一个选定的AND禁用弹出窗口

时间:2015-01-15 15:22:56

标签: javascript jquery forms jquery-select2

我正在使用带有属性maximumSelectionSize: 1的select2插件。选择1后,表单上仍有一个事件允许用户点击框的外部,并显示一条消息:"您只能选择1项"。

我根本不想要这个消息。有没有办法确保这种情况不会出现?

EDIT - 根据要求发布的代码:

$('.select2-select').select2({
    maximumSelectionSize: 1
});

编辑2:aaand a a fiddle:http://jsfiddle.net/s85k7tg7/

2 个答案:

答案 0 :(得分:5)

您可以使用select2-opening事件来阻止在有所选项目时打开下拉列表。

$('.select2-select').select2({
    maximumSelectionSize: 1
}).on('select2-opening', function(e) {
    if ($(this).select2('val').length > 0) {
        e.preventDefault();
    }
});

jsfiddle

答案 1 :(得分:0)

尝试一下-

$('.select2-select').select2({
    maximumSelectionLength: 1
});