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

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








// 单选取值以及回填数据
//html

//js
function getCountry(countryId){
utils.ajaxGet("接口地址", {}, function(res) {
    //data是后台返回到前台的数据格式为数组[array]
    var data = res.data
    $("#selectpickerCountry").append("");
    if (data) {
	    $.each(data, function(index, item) {
		    $("#selectpickerCountry").append("");
	    });
    }
    //单选回填数据时赋值,countryId是要选中的值
    $("#selectpickerCountry").val(countryId);
    $("#selectpickerCountry").selectpicker('refresh');
}, function(res) {})
}

// 多选取值以及回填数据
//html

//js
function getCountry(topicInterestId){
utils.ajaxGet("接口地址", {}, function(res) {
    // 字符串去除分隔符“,”再转换为数组
	var valData = Array.from(topicInterestId.split(','))
    //data是后台返回到前台的数据格式为数组[array]
    var data = res.data
    $("#selectpickerTopicInterest").append("");
    if (data) {
	    $.each(data, function(index, item) {
		    $("#selectpickerTopicInterest").append("");
	    });
    }
     $('.selectpickerTopicInterest').selectpicker({ noneSelectedText: '议题兴趣'	});
    //多选回填数据时赋值,valData是回显数据的值,是一个数组
    $("#selectpickerTopicInterest").selectpicker("val", valData)
    $("#selectpickerTopicInterest").selectpicker('refresh');
}, function(res) {})
}

你可能感兴趣的:(bootstrap,前端,html)