如何从 ajax 获取 Select2 v4.0 对象答案

【问题标题】：How to get Select2 v4.0 object from ajax如何从 ajax 获取 Select2 v4.0 对象
【发布时间】：2016-01-27 11:15:15
【问题描述】：

我有一点 javascript

$(".tags").select2({
tags: true,
createTag: function(params) { 
    var select2_object = $(this).parent();
    $.get($(this).parent().parent().data('url'), function(data) {
        return {
            id: 'new_' + params.term,
            text: params.term
        };
   });  
},

});

在 createTag 函数中，我将通过 ajax 在数据库中创建一条新记录。但是ajax url是从数据属性动态设置的。所以我需要访问 Select2 数据属性。

var select2_object 没有返回给我正确的 Select2 对象。

我可以通过哪种方式获取 Select2 jQuery 对象？

【问题讨论】：

标签： ajax jquery-select2

【解决方案1】：

查看this fiddle

<select multiple="true" name="tags[]" id="tagSelector" class="select2" data-url="URL HERE">
    <option value="1">Value1</option>
    <option value="2">Value2</option>
    <option value="3">Value2</option>
</select>

$('.select2').select2({
    tags: true,
    tokenSeparators: [",", " "]
}).on("change", function(e) {
    alert($(this).data('url'));
    var _new = $(this).find('[data-select2-tag="true"]');
    if (_new.length) {
        _new.replaceWith('<option selected value="' + _new.val() + '">' + _new.val() + '</option>');
    }
});

【讨论】：