bootstrap-select 的使用 ----- 单选、多选、获取选中的值

首先先引用js css，去资源上查找下载js css,这个不是难事，度娘搜索一大堆下载的。。。。

<link href="../../UI/Style/bootstrap-select.min.css" rel="stylesheet" />
<script src="../../UI/Scripts/bootstrap-select.js"></script>

1、demo元素显示，data-live-search=“true"此属性是搜索select内容，“multiple”此属性是"多选” ，去掉的话就是"单选"

<select id="MakingPeople" data-style="btn-info" class="form-control show-tick selectpicker" title="请选择" data-live-search="true" data-live-search-placeholder="搜索" ></select>

2、调用数据

function(data){
	$.each(data, function (idx, obj) {
     	html += '<option class="options" value="' + obj.fitemid + '" >' + obj.fname + '</option>';
    });
     $('#MakingPeople').empty().append(html);//这里是渲染数据的操作

     $('#MakingPeople').selectpicker('refresh');
     $('#MakingPeople').selectpicker('render');
	//此处是使用bootstrap-select 最重要的环节 ，必须初始化，否则页面出不来
}

3、获取选中的值

	$('#MakingPeople').children('option:selected').val();
	//此处就是获取选中的值