Bootstrap selectpicker 动态赋值

1、引入bootstrap-select.min.css和bootstrap-select.min.js

2、在页面css调整

$('.selectpicker').selectpicker({ 'selectedText': 'cat' });

3、添加selectpicker标签

4、为其动态赋值

赋值的方式有两种，一种是在页面加载前赋值，方式很简单就是直接为其赋值

$("#test1").find("option[value='1']").attr("selected",true);

第二种是在页面加载之后，select框中已经初始化过后，再使用以上方式就不对了。研究了好长时间才发现这个问题。初始化之后赋值方式

$('#test1').selectpicker('val', t.parentId);//设置选中 

$('#test1').selectpicker('refresh');

第二句一定要有，就是在设置好选中后，要刷新！

5、清空选中

简单的设置value为空是不好使的。它在这里有一种方式

$("#test1").selectpicker('deselectAll');

 

PS:如果要实现多选，可以为select添加multi属性