Select2如何在交互中，通过ajax 来实现多选的功能

Question

html:
<div class="form-group">

 <label for="js-example-basic-multiple" class="col-md-3 control-label"  data-toggle="dropdown"> Source </label>
<div class="col-md-9"><select class="js-example-basic-multiple" multiple="multiple" id="js-example-basic-multiple"> </select></div>

</div>
JS:
$(".js-example-basic-multiple").select2({

    ajax:{
        url:'xxxxxx',
        type:'get',
        success: function (data) {
            if (data.errno == 200) {
                var str = "";
                data.datas.forEach(function (obj, index, array) {
                    str += "<option value ='" + obj.advertiser_id + "'>" + obj.advertiser_name + "</option>"
                })
                $(".js-example-basic-multiple").html(str)
            }
        }
    }
});

报错:Option 'ajax' is not allowed for Select2 when attached to a <select> element.(…)
实现的效果是:

Answer 1

你这很明显语法有问题啊，
你先用ajax把收据加载好，然后在绑定select2

 ajax:{
        url:'xxxxxx',
        type:'get',
        success: function (data) {
            if (data.errno == 200) {
                var str = "";
                data.datas.forEach(function (obj, index, array) {
                    str += "<option value ='" + obj.advertiser_id + "'>" + obj.advertiser_name + "</option>"
                })
                $(".js-example-basic-multiple").html(str)
                  $(".js-example-basic-multiple").select2();
            }
        }
    }