select2新增和修改的多选操作

一、新增

    html页面:

    <div class="col-lg-9">
  <select class="select2-person form-control" multiple name="receivePersonIds" id="receivePersonIds_POP" style="width:250px;" tabindex="3">
     </select>

    </div>

    js脚本赋值：

    $(".select2-person").select2({
        placeholder: "选择人员",
        language: "zh-CN",
        width : "100%",
        ajax: {
        type: 'POST',
            url: "userController/selectUsers.do",//请求后台数据
            dataType: 'json',
            delay: 1000,
            data: function (params) {
                return {
                searchParam: encodeURI(params.term)
                };
            },
            processResults: function (data) {
                return {
                results: data.object,
                };
            },
            cache: true
        },  
        minimumInputLength: 1,
        maximumInputLength: 20,
        minimumResultsForSearch: 1,

});

二、修改

    html页面:

    <div class="col-lg-9">
  <select class="select2-person form-control" multiple name="receivePersonIds" id="receivePersonIds_POP" style="width:250px;" tabindex="3">
     </select>

    </div>

    js脚本赋值：同上（略）

    修改时赋值操作：

    var arrReceivePersons = _oInterLockConfirmDTSelect.receivePersons.split(",");//_oInterLockConfirmDTSelect：选中一行数据的函数方法
     var arrReceivePersonIds = _oInterLockConfirmDTSelect.receivePersonIds.split(",");
for (var i = 0; i < arrReceivePersonIds.length; i++) {
var data = [{id:arrReceivePersonIds[i], name:arrReceivePersons[i]}];
echoSelect2("#receivePersonIds_POP", data);

}

//用于做回显数据的函数

function echoSelect2(dom,value){
    $.each(value,function(index,value){
        $(dom).append(new Option(value.name, value.id, false, true));
    });
    $(dom).trigger("change");
}