select2动态渲染下拉框以及下拉数据格式化

 //动态渲染下拉框
$('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("");
}