效果图如下:
1、引用js;
2、HTML代码
<div style="padding-top: 10px;margin-bottom:10px">
<div>
<label>服务项目:</label>
<div style="display:inline-block;">
<select id="usertype" name="usertype" class="selectpicker show-tick form-control" style="display:inline-block" multiple data-live-search="true">
<option value="0">凭证装订</option>
<option value="1">回单管理</option>
<option value="2">发票认证</option>
<option value="3">账页排版</option>
<option value="4">凭证归档</option>
</select>
</div>
</div>
</div>
3、js
$(window).on('load', function () {
$('#usertype').selectpicker({
'selectedText': 'cat'
});
});
//动态绑定
//初始化企业列表
function initSelect() {//绑定企业列表下拉框
//执行查询操作
$.ajax({
url: '../srv//customer/getAllCustomer',//加载企业名称
type: 'get',
data: { companyName:""},
async: false,
//dataType: 'json',
success: function (result) {
if (result.data.length > 0) {
$("#usertype").html(""); //绑定服务项目列表下拉菜单
for (var i = 0; i < result.data.length; i++) {
$("#usertype").append($("<option value=\"" + result.data[i].id + "\">" + result.data[i].companyName + "</option>"));
}
}
if (result.length == 0) {
layer.msg('未查询到企业记录!', { time: 500 });
html = '<div style="text-align:center;">未查询到企业记录</div>';
str = null;
}
},
error: function (data) {
str = null;
alert("AJAX错误数据" + data.status);
}
});
}
获取值: var ids = $("#usertype").val();//ids为数组
for (var i = 0; i < result.data.length; i++) {
str += result.data[i].serviceProjectId + ",";
}
str = str.substring(0, str.lastIndexOf(','));//去掉最后一个,号
var arr = str.split(',');
$('#usertype').selectpicker('val', arr);
赋值:$('#usertype').selectpicker('val', arr);//arr为数组
希望以上可以帮到大家!