Select2 无法更改值

Question

我正在使用 Ajax 动态加载 Select2 输入。一切正常，但是，当我尝试 select 一个不同的值时，由于某种原因它不会改变。这是我的问题的一个例子：https://gyazo.com/f9ad7c3ead5fcd1d62740cc44f8d9691

如您所见，当我点击它时，该值并没有改变。为什么会这样？当我说第一个值和另一个值的 ID 均为 1（其数据来自数据库中不同表）但文本不同时，这可能会有所帮助……我怎样才能让它工作？

$('.partnersupplierselect').select2({
    ajax: {
        dataType: "json",
        type: "POST",
        data: function (params) {
            var group = $(this).parent().parent();
            var choice = group.find('.partnersupplier:radio:checked').val();
            return {
                term: params.term,
                '_token': token,
                'choice': choice
            };
        },
        url: '{{asset('logs/create/bmi/getpartnerssuppliers')}}',
        cache: true,
        processResults: function (data) {
            return {
                results: data
            };
        }
    },
    "language": {
        "noResults": function () {
            return "Geen partners / leveranciers gevonden.";
        }
    },
    escapeMarkup: function (markup) {
        return markup;
    }
});


$('.partnersupplier').on('change', function(){
    var group = $(this).parent().parent();
    group.find('.partnersupplierselect').select2('val', '');
    group.find('.partnersupplierselect').select2('data', null);
});

这是 HTML，但这不应该是问题所在。但万一有人想看：

<div class="group">
    <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="partner">
        {{Form::radio('partnersupplier', 'partner', true, array('class' => 'mdl-radio__button partnersupplier', 'id' => 'partner'))}}
        <span class="mdl-radio__label">Test1 </span>
    </label>
    <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect margin-radio" for="supplier">
        {{Form::radio('partnersupplier', 'supplier', false, array('class' => 'mdl-radio__button partnersupplier', 'id' => 'supplier'))}}
        <span class="mdl-radio__label">Test2 </span>
    </label>
    <div class="form-group selectdiv" >
        <label for="yearlypartnersuppliermaintainance">Blablabla<br></label>
        <select id="yearlypartnersuppliermaintainance" name="yearlypartnersuppliermaintainance" class="searchselect searchselectstyle partnersupplierselect">
        </select>
    </div>
</div>

Answer 1

我想通了！

我改了：

$('.partnersupplier').on('change', function(){
    var group = $(this).parent().parent();
    group.find('.partnersupplierselect').select2('val', '');
    group.find('.partnersupplierselect').select2('data', null);
});

至：

$('.partnersupplier').on('change', function(){
    var group = $(this).parent().parent();
    group.find('.partnersupplierselect').empty().trigger('change');
});

出于某种原因，这行得通，但第一件事却行不通。很奇怪，但至少我让它工作了！

Select2 无法更改值

Select2 can't change value

javascript

jquery

jquery-select2

select2