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);
}

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

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

即函数变为：

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

则可以实现动态切换。

默认选中第一行

var  temp=$('#credentialsType option :eq(1)').val()
$('#credentialsType').selectpicker('val',temp);
$('#credentialsType').selectpicker('render');