Select2 версии 4 и выше не работает, чтобы получить результат данных

Question

У меня есть следующее javaScript , которое хорошо работает с Select2 версии ниже 4, поэтому сейчас я собираюсь обновить его до версии 4.0.7, но это не так Работа. не могли бы вы подсказать мне, как ее решить?

    $(".locations").select2({
        minimumInputLength: 3,
        width: '100%',
        maximumSelectionSize: 1,
        ajax:{
            url: "My_URL_HERE",
            dataType: 'json',
            data: function(term) {
                return { q:term }
            },
            results:function(data) {
                return { results: data }
            }
        }
    });

        $(".locations").on("select2-selecting",function(e){
        $("input[name=module_type]").val(e.object.module);
        $("input[name=select2-search__field]").val(e.object.id);
        $("input[name=slug]").val(e.object.id);
        });

и это мой входной код:

    <input type="text" name="name" class="locations">

Заранее спасибо

Answer 1

вы должны использовать select вместо input:

<select name="name" class="locations"></select>

Подробнее: Select2 Ajax (удаленные данные)