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("" + item.countryName + "");});}//单选回填数据时赋值，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("" +     item.countryName + "");});}$('.selectpickerTopicInterest').selectpicker({ noneSelectedText: '议题兴趣'	});//多选回填数据时赋值，valData是回显数据的值，是一个数组$("#selectpickerTopicInterest").selectpicker("val", valData)$("#selectpickerTopicInterest").selectpicker('refresh');
}, function(res) {})
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！