$('.others_user').select2({
placeholder: '请选择',
ajax: {
url: "/getUserInfo",
dataType: 'json',
delay: 250,
data: function (params) {
return {
userName: params.term, //下拉搜索框输入的值
};
},
processResults: function (data) {
// 查询结果处理,生成option对象
var list = data.data;
var arr = [];
for (var i = 0; i < list.length; i++) {
var obj = {
id: list[i].id,
text: list[i].name,
}
arr.push(obj)
}
return {
results: arr
};
},
cache: true
},
minimumInputLength: 1,
language: "zh-CN",
}).on('select2:select', function (e) { // 选中事件
var data = e.params.data;
// 增加自定义属性,可以给选中的option增加格外的属性值
$(this).children('[value="'+data['id']+'"]').attr(
{
'data-deptId':data["deptId"],
'data-deptName':data["deptName"],
}
);
// 多次选中text会拼接在一起,可以根据索引位置取选中text,此处我是把本次选中的text赋值给input
$('#user_name').val(data["text"]);
//select2下拉框根据指定的值默认选中,我这里是对其他下拉框选中
$('.others_dept').append(new Option(data["deptName"],data["deptId"],false,true)).trigger('change');
}).val(0).trigger('change');
// 设置加载完成的select2样式
$('.layui-input-block').find('.select2-container--default').css("width",'80%');
$('.layui-input-block').find('.select2-container--default').css("margin-top",'5px');
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交