Podczas ładowania strony próbuję użyć initSelection, aby wybrać ID 60(określona wartość pola wejściowego). Wydaje mi się, że nie działa poprawnie.

Skrypty PHP działają świetnie i zwracają poprawne wartości, ale jak uzyskać JS do prawidłowego wywołania zwrotnego?

JavaScript:

$(document).ready(function() {
    $('#editAlbumArtistId').select2({
            placeholder: 'Search names',
            ajax: {
                url: "/jQueryScripts/jQuerySelectListArtists.php",
                dataType: 'json',
                quietMillis: 100,
                data: function (term, page) {
                    return {
                        term: term, //search term
                        page_limit: 10 // page size
                    };
                },
                results: function (data, page) {
                    return {results: data.results};
                }

            },
            initSelection: function(element, callback) {

            var id = $(element).val();
            if(id !== "") {
                $.ajax("/jQueryScripts/jQuerySelectListArtists.php", {
                    data: {id: id},
                    dataType: "json"
                }).done(function(data) {
                    callback(data);
                });
            }
        }
    });
});

HTML:

<p>
    <input type='hidden' value="60" data-init-text='Search names' name='editAlbumArtistId' id='editAlbumArtistId' style="width:180px;"/>
</p>

Za każdym razem, gdy odświeżam stronę, widzę, że skrypt PHP zostaje wykonany i zwraca prawidłowy identyfikator i tekst. Jednak pole nie jest aktualizowane i poważnie próbowałem wszystkiego, o czym mogę pomyśleć.

Używam Select2 3.4.3.

Każda pomoc byłaby bardzo mile widziana.