//动态渲染下拉框
$('select[name="userid"]').html(getOption($userName, 'personname')).val('{$ITEM->relationuserid}').select2({
width: '100%',
theme: "bootstrap",
placeholder: "请选择人员...",
language: "zh-CN",
templateResult: function(state){
//console.log(state);
if (!state.id) {
return state.text;
}
var $state = $(
'<span> ' + state.text + ' ('+ $(state.element).data('departname') +')</span>'
);
return $state;
}
});
var $userName = [];
//获取离岗人员信息
function getUserId() {
$.ajax({
url: "__APP__/Mainten/Userinfoext/getListForCombobox",
dataType: 'json',
async: false,
success: function (data) {
$userName = data;
}
})
return $userName
}
function getOption(data, field) {
var str = [];
data.forEach(function (element) {
str.push('<option value="' + element.id + '" data-departname="'+ element.departname +'">' + element[field] + '</option>');
});
return str.join("");
}
select2动态渲染下拉框以及下拉数据格式化
最新推荐文章于 2024-06-24 11:26:29 发布