select2全選全部的選項

要實現select2全選全部的選項,上網搜了一圈,竟然沒發現答案,本身寫了個方法。
傳入select2的Id便可。html

//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");設置選擇項。jquery

相關文章
相關標籤/搜索