select2 新增全选功能

html 配置

在select标签后新增

<select class="col-xs-10 col-sm-8" id="serverip" name="serverip" multiple="multiple">{% for server_record in server_list%}<option value="{{server_record.serverip}}">{{server_record.serverip}}</option>{%endfor%}
</select>
<button class="btn btn-info" type="button" onclick="chooseSelect2All()"><i class="icon-ok bigger-110"></i>全选
</button>

js代码如下

//select2全选所有的选项
function chooseSelect2All() {//document的对象，可以取到optionvar item = document.getElementById("serverip")//jquery的对象，用来指定select2控件的选择项var item_jq = $('#serverip');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");
}

select2 新增全选功能相关推荐

java记事本复制粘贴_Java Swing 如何实现记事本中“编辑”菜单下的剪切，复制，粘贴，删除，全选功能...
这篇文字将要学习以下知识点: 1.如何给JButton按钮添加鼠标点击事件监听器 #1.addMouseListener(MouseListener l) 给JButton添加一个鼠标点击监听器l ...
JS全选功能代码优化
JS全选功能代码优化原文:JS全选功能代码优化 JS全选功能代码优化最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想用另一种模式来编写JS代码,所以针对之 ...
点击编辑框全选内容java_Android 中使用EditText 点击全选再次点击取消全选功能
最近在开发浏览器碰到这么一个需求:点击地址栏的时候,需要全选并调出键盘,再次点击就取消全选显示光标.点击屏幕除地址栏其他位置时,键盘隐藏,隐藏光标. 大部分浏览器都是这样的逻辑,这样可以提高用户体验, ...
jQuery之全选功能
例子:点击全选,将所有checkbox选中. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" & ...
vue element ui下拉菜单和不是table列表全选功能问题解决方案
这半个月都在折腾vue的项目,虽然不是很复杂,但对于刚入门的小白来说,踩到的坑不少,常常因为一个小问题就得浪费好久问题,不过娃不在身边,晚上和周末可以继续研究,趁睡觉前,把今天遇到的问题给总结一下,做 ...
android 全选功能,Android实现ListView控件的多选和全选功能实例
本文实例讲述了Android实现ListView控件的多选和全选功能.分享给大家供大家参考,具体如下: 主程序代码 MainActivity.Java package yy.test; import ...
实现全选和取消全选功能
<body> <div class="wrap"> <table> <thead> <tr> <th> &l ...
layui table 全选过滤_layui表格(表单)的全选功能
最近在使用layui这个框架,其中有用到表格的全选功能,下面记录下我的使用.html文件需要引用的是layui.js和layui.css,但是上面两个文件又会引入其他文件.,如图所示, 所以建议从la ...
微信小程序实现单选、全选功能
前言概述本文介绍微信小程序实现单选.全选功能,效果如下: 实现过程 1.先实现页面效果,文件*.wxml和*.wxss代码如下: <view class="container&quo ...

select2 新增全选功能

select2 新增全选功能相关推荐

最新文章

热门文章