JQuery Select2 – 如何选择所有选项

前端之家收集整理的这篇文章主要介绍了JQuery Select2 – 如何选择所有选项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用jQuery select2多选下拉菜单。我需要从代码下拉列表中选择所有选项。
基本上有一个“全选”复选框,必须实现此功能,我想从此复选框中选择/取消选择选项。

解决方法

在github上的线程中有一个描述。引用( https://github.com/ivaynberg/select2/issues/195#issuecomment-13489140通过 MortadaAK),它允许您选择ctrl a上的所有内容
$(document).on("keypress",".select2-input",function(event){
    if (event.ctrlKey || event.MetaKey) {
        var id =$(this).parents("div[class*='select2-container']").attr("id").replace("s2id_","");
        var element =$("#"+id);
        if (event.which == 97){
            var selected = [];
            element.find("option").each(function(i,e){
                selected[selected.length]=$(e).attr("value");
            });
            element.select2("val",selected);
        } else if (event.which == 100){
            element.select2("val","");
        }
    }
});

猜你在找的jQuery相关文章