bootstrap中selectpicker下拉框使用

1、首先需要引用js
bootstrap.min.css
bootstrap-select.min.css
jquery.min.js
bootstrap.min.js
bootstrap-select.min.js

2、前端控件代码

3、使用方法1
var deptLsthtml = "";
deptLsthtml += '';
deptLsthtml += '';
deptLsthtml += '';
deptLsthtml += '';
deptLsthtml += '';
deptLsthtml += '';
deptLsthtml += '';
$("#ddlFindsDept").html(deptLsthtml);

使用方法2
$('#ddlFindsDept').selectpicker('val', ['1111','2222']);
 

4、禁止使用
$('#ddlFindsDept').selectpicker('setStyle', 'disabled', 'add'); 设置不可用
$('#ddlFindsDept').selectpicker('setStyle', 'disabled', 'remove');  设置可用
$('.selectpicker').selectpicker('setStyle', 'btn-danger');  替换css

5、刷新
$('.selectpicker').selectpicker('refresh');

6、多选
multiple

 

你可能感兴趣的:(bootstrap中selectpicker下拉框使用)