專案中用到了select2.js外掛的ajax方式載入資料，在編輯資料的時候需要回顯，找了很多文章，都不能正常回顯，谷歌之後在官方的github上找到些蛛絲馬跡，終於做了出來。

1. 引js和css
2. 初始化
   下面是我在專案中的初始化方式。第三個函式echoSelect2就是回顯資料用的。

function initSelect2(dom,url,multiple){
    var subject = $(dom);//元素
    var Select2 = subject.select2({
        ajax: {
            url: url,
            dataType: 'json'
 
,
            data: function (params) {
                return {
                    name: params.term, // 搜尋引數
                };
            },
            processResults: function (data, params) {
                for (var i = 0; i < data.length; i++) {
                    data[i].id = data[i].id;
                    data[i].text = data[i].name;
                }
                return
 
 {
                    results: data
                };
            },
            cache: true
        },
        placeholder: "請輸入名稱搜尋",
        allowClear: true,    //選中之後，可手動點選刪除
        escapeMarkup: function (markup) { return markup; }, // 讓template的html顯示效果，否則輸出程式碼
        minimumInputLength: 2,    //搜尋框至少要輸入的長度，此處設定後需輸入才顯示結果
 

        language: "zh-CN",         //中文
        multiple:multiple, //是否多選
        width: 'resolve',
        closeOnSelect:false,
        templateResult: formatSubject, // 自定義下拉選項的樣式模板
        templateSelection: formatSubjectSelection     // 自定義選中選項的樣式模板
    });

    return Select2;
}

function formatSubject(item) {
    if (item.loading) return item;
    var markup = '<div> <p class="text-primary">學科名稱：' + item.name|| item.text + '</p>';
    //markup += '這裡可以新增其他選項...';
    markup += ' </div>';
    return markup;
}

function formatSubjectSelection(item) {
    return item.name || item.text;
}
//回顯資料
function echoSelect2(dom,value){
    $.each(value,function(index,value){
        $(dom).append(new Option(value.name, value.id, false, true));
    });
    $(dom).trigger("change");
}

3.使用方式
var select2 = initSelect2(“#school”,”/school/searchSchoolByName”,true);
4. 回顯方式
獲取初始化資料定義成類似的陣列形式：var data = [{id:1001,name:”哈哈哈”}];
呼叫方法echoSelect2(“#school”,data); 就完事了

5.結果圖