bootstrap之动态更改下拉框被选中状态

正常动态更改只需要在js中设置被选择的option的selected为true即可,如下：

   <select class="form-control select" id='select_test_1'>
            <option value='cai1'>财务</option>
             <option value='cai2'>财务2</option>
   </select>						
<input type="button" value="测试" onclick="funtest()" />

<script type="text/javascript">
function funtest(){
	$("#select_test_1 option[ value='cai2']").attr("selected", true);
}
</script>

默认会选中财务 当点击按钮时将切换至财务2 ，然而用于引入了bootstrap 中下拉框的样式，js动态切换不会起作用，此时只需增加一行代码：

$("#select_test_1" ).selectpicker('refresh');

即函数变为：

function funtest(){
	$("#select_test_1 option[ value='cai2']").attr("selected", true);
	$("#select_test_1" ).selectpicker('refresh');
}

则可以实现动态切换。