select2实现全选

实现select2全选所有的选项
传入select2的Id即可。

//select2全选所有的选项
function chooseSelect2All(select_id) {//document的对象，可以取到optionvar 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");设置选择项。

select2实现全选相关推荐

select2 新增全选功能
html 配置在select标签后新增 <select class="col-xs-10 col-sm-8" id="serverip" name=&q ...
php 复选框单选全选,复选框全选/不全选，选择结果提交
$(function(){ $("#CheckedAll").click(function(){ if(this.checked) //如果当前点击的多选框被选中 { $('inp ...
android列表实现置顶,Android利用RecyclerView实现全选、置顶和拖拽功能示例
Android利用RecyclerView实现全选.置顶和拖拽功能示例发布时间:2020-08-23 16:26:42 来源:脚本之家阅读:159 作者:爱开发前言今天给大家分享是如何在Rec ...
react实现全选、取消全选和个别选择
react里面实现全选和取消全选,个别选择等操作,效果如下代码: import React, {Component} from 'react' export default class Demo e ...
列表CheckBox全选结合DataGrid 进行删除操作
//CheckBox全选 function CA() { var frm=document.Form1; alert(frm) for (var i=0;i<frm.el ...
DataGrid 的全选/取消全选控制(CheckBox)
DataGrid控件: <Columns> <asp:TemplateColumn> <HeaderStyle Width=" ...
android 当前置顶的控件,Android利用RecyclerView实现全选、置顶和拖拽功能示例
前言今天给大家分享是如何在RecyclerView实现全选,ItemTouchHelper实现侧滑删除,拖拽功能.比较基础.关于RecyclerView的强大,就不多说了.在Android L SD ...
JQ 全选后获取选中的值_为什么在PBI中还需要切片器之三：Excel切片器之度量值切换...
Excel切片器之度量值切换原创海峰没想到上篇文章一经发出,很快就过了10个留言,大喜过望,今天立马揭晓切片器之度量切换的应用. 切片器之度量切换----参数法创建参数表,如下并导入数据模型 ...
jquery 1.6以上版本全选
2019独角兽企业重金招聘Python工程师标准>>> <html xmlns="http://www.w3.org/1999/xhtml"> < ...

select2实现全选

select2实现全选相关推荐

最新文章

热门文章