bootstrap-select控件全选，全不选，查询功能实现

先引入先在你的页面引入 bootstrap-select.css 和 bootstrap-select.js

<link href="~/Content/plugins/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" />

<script src="~/Content/plugins/bootstrap-select/bootstrap-select.min.js"></script>

 <select class="selectpicker form-control" data-none-selected-text="全部" multiple data-actions-box="true" data-live-search="true">
</select>

只要在<select>控件里加入
multiple:多选

data-actions-box="true"：全选，全不选

data-live-search="true"：查询

data-none-selected-text="全部"：未选中时显示

data-max-options="20"：最多可选条数

selectpicker：自定义的class名用于 selectpicker配置

$(".selectpicker").selectpicker("refresh");

转载于:https://www.cnblogs.com/mww-NOTCOPY/p/11206924.html

bootstrap-select控件全选，全不选，查询功能实现相关推荐

仿苹果 html5 combox,模仿combox(select)控件，不用为美化select烦恼了。
模仿combox(select)控件,不用为美化select烦恼了. 来源:中文源码网浏览: 次日期:2018年9月2日模仿combox(select)控件,不用为美化select烦 ...
HTML select控件
select控件 select控件用于创建下拉列表框(下拉菜单),并通过 option 元素创建列表中的选项,供用户从中选择. 定义 select控件时,在 select元素中设置 name 属性,并 ...
elemtnui select控件结合树形控件实现自定义搜索方法
业务需求: 可以从下拉框中选择数据,也可以自定义搜索. 前端效果: 1:从下拉框中选择 2:自定义搜索 3:单选并赋值:也就是选中那个就回显那个代码实现: 1.首先需要用到select控件和tree ...
jquery+bootstrap分页控件
jquery+bootstrap分页控件源码: (function ($) {$.fn.extend({ftx_pager: function (paraObj) {var total = para ...
JavaScript操作select控件
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
angularjs 整合bootstrap 时间控件
一.引入js <link href="${basePath}/static/plugin/bootstrap/css/bootstrap-datetimepicker.min.css& ...
html下拉列表插件,js+CSS实现模拟华丽的select控件下拉菜单效果
本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果.分享给大家供大家参考.具体如下: 这是一个JS+CSS技术实现的Select控件效果,模拟出来的,比默认的Select更漂亮,有了这个 ...
Select控件实现联动下拉列表框效果
Select控件实现联动下拉列表框效果(无需数据库) Select控件属性介绍: ID属性:获取或设置分配给Select控件的编程标识符. Name属性:获取或设置与Select控件关联的唯一标识符. ...
菜单向上拉html,模拟select控件，CSS上拉菜单
模拟select控件,CSS下拉菜单模拟select控件 html,body{height:100%;overflow:hidden;} body,div,form,h2,ul,li{margin: ...
以编程方式在ASP.NET MVC中使用多个HTML Select控件
目录介绍使用代码使用JQuery 使用Razor和C# 兴趣点介绍很多时候,我们使用JavaScript或JQuery代码来操纵HTML控件,却不知道ASP.NET MVC与Razor和C# ...

bootstrap-select控件全选，全不选，查询功能实现

bootstrap-select控件全选，全不选，查询功能实现相关推荐

最新文章

热门文章