bootstrap select多选

1、页面效果

<div class="form-group"><div class="col-md-2 control-label"><label>学段:</label></div><div class="col-md-3 controls"><select id="period" name="period"  class="selectpicker show-tick form-control" multiple data-live-search="false" ><option value="-1">--请选择！--</option><option value="0">小学</option><option value="1">初中</option><option value="2">高中</option></select></div></div></div>2、js

$(window).on('load', function () {$('#period').selectpicker({'selectedText': 'cat'});
});

3、回显值

　　 $('.selectpicker').selectpicker('val', '1,2');

转载于:https://www.cnblogs.com/start-fxw/p/6868029.html

bootstrap select多选相关推荐

bootstrap select多选的change事件
bootstrap select的插件多选会自己生成新的DOM,所以绑定在原来select上的change事件不会触发. //bootstrap select插件多选的change事件 $('#fc_ ...
Bootstrap select 多选并获取选中的值
QQ技术交流群 173683866 526474645 欢迎加入交流讨论,打广告的一律飞机票效果图: 输出日志代码: <!DOCTYPE html> <html><h ...
关于element的select多选选择器，数据回显的问题
关于element的select多选,数据回显的问题在工作中遇到这样一个问题,新建表单时用element的select多选以后,在编辑的时候打开表单发现其他数据能正常显示,多选却无法正常回显.在网上 ...
bootstrap select 插件两级联动
2019独角兽企业重金招聘Python工程师标准>>> bootstrap select 插件两级联动插件地址:http://silviomoreto.github.io/boot ...
html多选框 jquery,jQuery Select多选
插件描述:jquery.multi-select是一款jQuery开发的美化Select多选插件,界面上存在未选和已选两个框方便选择,支持分组. HTML elem 1 elem 2 elem 3 e ...
在ASP.NET MVC中实现Select多选
我们知道,在ASP.NET MVC中实现多选Select的话,使用Html.ListBoxFor或Html.ListBox方法就可以.在实际应用中,到底该如何设计View Model, 控制器如何接收 ...
bootstrap select下拉框模糊搜索和动态绑定数据解决方法
bootstrap select下拉框模糊搜索和动态绑定数据解决方法参考文章: (1)bootstrap select下拉框模糊搜索和动态绑定数据解决方法 (2)https://www.cnblog ...
用layui实现下拉框select多选，取值
首先需要的js及css,可以直接在layui官网上下载:https://www.layui.com/ 相关引用: <script src="~/layui-v2.4.5/layui/l ...
view-ui中select全选实现
最近,项目中有个需求:给select多选框增加一键全选的功能. 因为view-ui的select组件是不自带一键全选功能的,我决定自己封装一个.主要需求如下: 1.点击全选,选项全部勾选. 2.选项全 ...

bootstrap select多选

bootstrap select多选相关推荐

最新文章

热门文章