select2全选所有的选项

烂漫一生 提交于 2019-12-10 15:40:02

要实现select2全选所有的选项,上网搜了一圈,居然没发现答案,自己写了个方法。
传入select2的Id即可。

//select2全选所有的选项
function chooseSelect2All(select_id) {
    //document的对象,可以取到option
    var item = document.getElementById(select_id)//$('#'+select_id);
    //jquery的对象,用来指定select2控件的选择项
    var item_jq = $('#'+select_id);
    var option_list = [];
        for(var i=0; i< item.length;i++){
            var optionVal = item[i].getAttribute('value');
            option_list.push(optionVal);
        }
        item_jq.val(option_list).trigger("change");
}

说明一下:
document.getElementById获取的是html的对象,
可以用下标获取到所有option的值,放在列表中。
然后在用$('#id')的方式获取jquery对象。
使用.val(option_list).trigger("change");设置选择项。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!