bootstrap-select下拉单选、多选的取值及回填数据赋值

 话不多说直接上代码↓↓↓

<!-- bootstrap3.0 -->
<link rel="stylesheet" type="text/css" href="../../res/js/bootstrap/bootstrap-select.css">
<script type="text/javascript" src="../../res/js/bootstrap/bootstrap-select.js"></script>
<link href="../../res/js/bootstrap/bootstrap-select.min.css" rel="stylesheet">
<script src="../../res/js/bootstrap/bootstrap-select.min.js"></script>


// 单选取值以及回填数据
//html
<select id="selectpickerCountry" class="selectpickerCountry bla bla bli" 
    title="国家" data-live-search="true"></select>
//js
function getCountry(countryId){
utils.ajaxGet("接口地址", {}, function(res) {
    //data是后台返回到前台的数据格式为数组[array]
    var data = res.data
    $("#selectpickerCountry").append("<option selected='selected' disabled='disabled'          
      style='display: none' value=''></option>");
    if (data) {
	    $.each(data, function(index, item) {
		    $("#selectpickerCountry").append("<option value='" + item.id + "'>" + item
			    .countryName + "</option>");
	    });
    }
    //单选回填数据时赋值，countryId是要选中的值
    $("#selectpickerCountry").val(countryId);
    $("#selectpickerCountry").selectpicker('refresh');
}, function(res) {})
}

// 多选取值以及回填数据
//html
<select id="selectpickerTopicInterest" class="selectpickerTopicInterest bla bla bli"     
    multiple data-live-search="true"></select>
//js
function getCountry(topicInterestId){
utils.ajaxGet("接口地址", {}, function(res) {
    // 字符串去除分隔符“,”再转换为数组
	var valData = Array.from(topicInterestId.split(','))
    //data是后台返回到前台的数据格式为数组[array]
    var data = res.data
    $("#selectpickerTopicInterest").append("<option disabled value=''>议题兴趣            
        </option>");
    if (data) {
	    $.each(data, function(index, item) {
		    $("#selectpickerTopicInterest").append("<option value='" + item.id + "'>" +     
                 item.countryName + "</option>");
	    });
    }
     $('.selectpickerTopicInterest').selectpicker({ noneSelectedText: '议题兴趣'	});
    //多选回填数据时赋值，valData是回显数据的值，是一个数组
    $("#selectpickerTopicInterest").selectpicker("val", valData)
    $("#selectpickerTopicInterest").selectpicker('refresh');
}, function(res) {})
}