在select2 clear上禁用下拉菜单

阿尔贝托

似乎select2 4在清除当前所选项目时默认打开下拉菜单。以前的select2版本似乎没有这种行为,我正在尝试实现它,但目前还没有运气。

有谁知道如何挂接到clear事件,以便我们可以禁用它的默认行为并清除选择的选项而无需打开下拉菜单?

欢呼声

萨姆·阿鲁斯塔米扬

可以确认,防止事件由于某种原因似乎不起作用,因此您可以在超时后关闭下拉菜单:

$("select").select2({
    allowClear: true
}).on("select2:unselecting", function(e) {
    $(this).data('state', 'unselected');
}).on("select2:open", function(e) {
    if ($(this).data('state') === 'unselected') {
        $(this).removeData('state'); 

        var self = $(this);
        setTimeout(function() {
            self.select2('close');
        }, 1);
    }    
});

这是一个有效的小提琴:http : //jsfiddle.net/obq3yLf2/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在 select2 的下拉菜单中禁用自动对焦?

来自分类Dev

select2 multiselect下拉菜单

来自分类Dev

禁用带剔除绑定的select2下拉菜单?

来自分类Dev

多个 Select2 下拉菜单的不同图标

来自分类Dev

在Ajax Form Submit上重置Select2下拉菜单

来自分类Dev

Select2:防止Select2下拉菜单集中于点击

来自分类Dev

Select2,为“单选”下拉菜单设置默认值

来自分类Dev

无法在Select2下拉菜单中选择项目

来自分类Dev

Select2下拉菜单允许用户输入新值

来自分类Dev

Select2打开焦点集中的下拉菜单

来自分类Dev

select2下拉菜单中的fadeIn / fadeOut效果

来自分类Dev

如何在select2下拉菜单中换行?

来自分类Dev

使用select2中的选项文本(不使用值)选择下拉菜单

来自分类Dev

使用select2,json请求和Laravel的动态下拉菜单

来自分类Dev

如何捕捉select2下拉菜单的宽度?

来自分类Dev

select2下拉菜单中的fadeIn / fadeOut效果

来自分类Dev

select2通过jquery或js触发下拉菜单中的元素

来自分类Dev

select2搜索框下拉菜单不起作用

来自分类Dev

使用select2中的选项文本(不使用值)选择下拉菜单

来自分类Dev

如何在 Bootstrap Select2 下拉菜单中为边框颜色应用 CSS

来自分类Dev

使select2下拉菜单仅在键入至少一个字母后才下拉

来自分类Dev

如何从select2()下拉Jquery禁用所选属性?

来自分类Dev

如何从select2()下拉Jquery禁用选定的属性?

来自分类Dev

分类下拉列表select2

来自分类Dev

Select2 下拉光标属性更改

来自分类Dev

未禁用Kartik / Krajee Select2

来自分类Dev

在AngularJS中使用Select2(带有MetroUI CSS)的依赖下拉菜单不起作用

来自分类Dev

为什么select2下拉菜单仅显示在表格的第一行?

来自分类Dev

如何将 select2 组件下拉菜单扩展到 jquery 模态对话框之外

Related 相关文章

  1. 1

    在 select2 的下拉菜单中禁用自动对焦?

  2. 2

    select2 multiselect下拉菜单

  3. 3

    禁用带剔除绑定的select2下拉菜单?

  4. 4

    多个 Select2 下拉菜单的不同图标

  5. 5

    在Ajax Form Submit上重置Select2下拉菜单

  6. 6

    Select2:防止Select2下拉菜单集中于点击

  7. 7

    Select2,为“单选”下拉菜单设置默认值

  8. 8

    无法在Select2下拉菜单中选择项目

  9. 9

    Select2下拉菜单允许用户输入新值

  10. 10

    Select2打开焦点集中的下拉菜单

  11. 11

    select2下拉菜单中的fadeIn / fadeOut效果

  12. 12

    如何在select2下拉菜单中换行?

  13. 13

    使用select2中的选项文本(不使用值)选择下拉菜单

  14. 14

    使用select2,json请求和Laravel的动态下拉菜单

  15. 15

    如何捕捉select2下拉菜单的宽度?

  16. 16

    select2下拉菜单中的fadeIn / fadeOut效果

  17. 17

    select2通过jquery或js触发下拉菜单中的元素

  18. 18

    select2搜索框下拉菜单不起作用

  19. 19

    使用select2中的选项文本(不使用值)选择下拉菜单

  20. 20

    如何在 Bootstrap Select2 下拉菜单中为边框颜色应用 CSS

  21. 21

    使select2下拉菜单仅在键入至少一个字母后才下拉

  22. 22

    如何从select2()下拉Jquery禁用所选属性?

  23. 23

    如何从select2()下拉Jquery禁用选定的属性?

  24. 24

    分类下拉列表select2

  25. 25

    Select2 下拉光标属性更改

  26. 26

    未禁用Kartik / Krajee Select2

  27. 27

    在AngularJS中使用Select2(带有MetroUI CSS)的依赖下拉菜单不起作用

  28. 28

    为什么select2下拉菜单仅显示在表格的第一行?

  29. 29

    如何将 select2 组件下拉菜单扩展到 jquery 模态对话框之外

热门标签

归档